:focus {
    outline: none;
}
body{
    background-color: #eef4f7;
    margin-top: 100px;
    max-width: 100%;
    overflow-x: hidden !important;
    width: 100%;
    min-height: 100%;
}
.text-middle{
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.capture {
    position: relative;
    float: left;
    width: 163px;
    overflow: hidden;
}
.highcharts-tooltip {
    background-color:white;
    opacity:1;
    z-index: 9999;
}
.highcharts-tooltip span{
    background-color: #fff;
}
.highcharts-tooltip span:after{
    content: "";
    position: absolute;
    width: calc( 100% + 15px );
    height: calc( 100% + 15px );
    top: -7px;
    left: -7px;
    background-color: #fff;
    z-index: -1;
}
.text-left{
    text-align: left
}
.middle-box{
    display: table;
    height:100%;
}
.bk-white{
    background-color: #fff;
    max-width: 100%;
    /* overflow: hidden; */
    position: relative;
    z-index: 1000;
}
.bk-gray{
    background-color: #f6f8f9;
}

#main-section{
    position: relative;
}
.full-width{
    width: 100% !important;
}
.full-height{
    min-height: calc( 100vh - 100px );
}

.full-margin-height{
    min-height: calc( 100vh - 140px ) !important;
}
.border-0{
    border: 0 !important;
}
.no-padding{
    padding: 0 !Important;
    overflow: hidden;
}
.chart-picker.citizen-item .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    max-width: 250px !important;
}
.budget-menu-holder .highcharts-title{
    word-wrap: break-word;
}
.flows-holder{
    position: relative;
    height: 723px;
}
.flows-holder>.ls-row{

    height: 366px;

    border-bottom: 1px solid #f3f3f3;
}
.flows-holder>.ls-row>div:first-child+div{
    border-left: 1px solid #f3f3f3;
    height: 100%;
}
.flows-holder>.ls-row>div:first-child+div>.text-middle{
    height: 100%;
}
.flows-holder-right,
.flows-holder-left{
    float: left;
    width: 50%;
    height: 370px;
}
.flows-text-holder{

    float: left;

    width: 100%;

    height: calc( 100% - 370px );

    padding: 40px 30% 0;

    position: relative;
}

.flows-holder.new-style .flows-text-holder{

    padding: 0 50px 0;

    margin-top: 0;

    height: inherit;
    height: initial;
}

.flows-cycle-item{
    height: 259px;
    width: 271px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
    border: 2px solid #27b7f5;
    background-color: #27b7f5;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    position: relative;
}
.flows-holder-left .flows-cycle-item{

    margin: 50px 50px 50px auto;
}
.flows-holder-right .flows-cycle-item{

    margin: 50px auto 50px 50px;
}
.flows-holder-left .flows-cycle-item>div.content h2{

    padding: 0 21px;
}
.navbar-brand img{
    height: 70px;
}
.navbar-brand{
    padding: 14px 15px 14px 0;
}





.flows-holder-left .flows-cycle-item>div:nth-child(2){
    position: absolute;
    left: calc( -91%);
    top: 10px;
}
.flows-holder-left .flows-cycle-item>div:nth-child(3){
    position: absolute;
    left: calc( -143% );
    top: 70px;
}
.flows-holder-left .flows-cycle-item>div:nth-child(4){
    position: absolute;
    left: calc( -114% );
    top: 136px;
}
.flows-holder-left .flows-cycle-item>div:nth-child(5){
    position: absolute;
    left: calc( -100% - -8% );
    top: 120px;
}






.flows-holder-right .flows-cycle-item>div:nth-child(2){
    position: absolute;
    width: 350px;
    top: 10px;
    right: calc( -122%);
}
.flows-holder-right .flows-cycle-item>div:nth-child(3){
    position: absolute;
    width: 350px;
    right: calc( -132% );
    top: 70px;
}
.flows-holder-right .flows-cycle-item>div:nth-child(4){
    position: absolute;
    width: 350px;
    left: calc( 100%  + 36% );
    top: 65px;
}
.flows-holder-right .flows-cycle-item>div:nth-child(5){
    position: absolute;
    width: 350px;
    left: calc( 100%  + 36% );
    top: 65px;
}




.flows-cycle-child-item{
    position: relative;
    padding-left: 70px;
    margin-bottom: 10px;
    min-height: 32px;
    cursor: pointer;
}
.flows-holder.new-style .flows-cycle-child-item h2{padding: 8px 0 0;}
.flows-holder-right .flows-cycle-child-item:before{
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #27b7f5;
    left: 20px;
    top: 0;
}

.flows-holder.new-style .flows-cycle-child-item:before{
    content: "";
    position: absolute;
    width: 25px;
    height: 32px;
    /* background-color: #27b7f5; */
    left: 20px;
    top: 4px;
    background-image: url("../img/flows-arrow.svg");
    background-repeat: no-repeat;
}

.flows-holder.new-style .flows-cycle-child-item.active:before{
    background-image: url("../img/flows-arrow-active.svg");
}

.flows-holder.new-style .flows-cycle-child-item.active h2{
    color: #33b8f2;
}






.flows-holder-right .flows-cycle-child-item:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    left: 32px;
    top: 12px;
}
.flows-holder.new-style .properties-holder-text{
    margin-bottom: 45px;
    margin-top: 25px;
    border: 0;
}

.flows-holder-left .flows-cycle-child-item:before{
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #27b7f5;
    right: -40px;
    top: 0;
}
.flows-holder-left .flows-cycle-child-item:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    right: -28px;
    top: 12px;
}







.lang-group:hover a:before{
    border: 0 !important;
}
.tab-layer{
    background-color: #344750;
    min-height: 70px;
}
.tab-layer .nav>li>a{
    padding: 26px 50px 24px;
    color: #fff;
}
.nav.navbar-nav.navbar-center a.active{
    background-color: #2a3f49;
}

.navbar-container{
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    position: relative;
    z-index: 1010;
}
.navbar-nav.navbar-center>li{
    float: none;
    display: inline-block;
}
.nav>li.lang-group{
    background-color: transparent;
    /* width: 70px; */
}
.nav>li.lang-group>a{
    color: #27b7f5;
    text-align: center;
    padding: 40px 15px 38px;
    font-size: 15px;
}
.nav>li.lang-group>a:before{
    content: "";
    display: none;
}
.nav>li.search-group{
    padding: 34px 10px;
    -webkit-transition: padding 1s ease;
    -moz-transition: padding 1s ease;
    -o-transition: padding 1s ease;
    transition: padding 1s ease;
    position: relative;
}

.top-nav-collapse .nav>li.search-group{
    /* padding: 24px 10px; */
}

.nav>li.search-group a{
    background-image: url(../img/search-icon.svg);
    width: 27px;
    height: 27px;
    display: block;
    background-color: transparent;
    border: 0;
    outline: none;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 0 !important;
    background-position: center;
}
.nav>li.search-group a:before{
    display: none;
}
.nav>li.search-group.open .search-box{
    max-height: 100%;
    height: 100%;
    /* display: block; */
    max-width: 100%;
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}
.nav>li.search-group .search-box{
    top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 8px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 8px 18px 0px rgba(162, 162, 162, 0.25);
    position: absolute;
    left: 0;
    z-index: 100;
    max-height: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease, height 0.5s ease;
    -moz-transition: max-height 0.5s ease, height 0.5s ease;
    -o-transition: max-height 0.5s ease, height 0.5s ease;
    transition: max-height 0.5s ease, height 0.5s ease;
    /* display: none; */
    max-width: 0;
    z-index: 1000;
}
.nav>li.search-group .search-box input{
    position: absolute;
    width: calc( 100% - 300px );
    left: 150px;
    color: #333333;
    font-size: 18px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #cbdae1;
    padding: 10px 10px;
    margin: 27px 0;
    background-color: transparent;
}
.nav>li.search-group .search-box i{
    background-image: url(../img/close-search.svg);
    width: 27px;
    height: 27px;
    display: block;
    background-color: transparent;
    border: 0;
    outline: none;
    background-size: 100% 100%;
    padding: 0;
    position: absolute;
    right: 70px;
    top: 34px;
    cursor: pointer;
}
.box-item {
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    min-height: 60px;
    position: relative;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    display: block;
    width: 100%;
    left: 0;
}
.ls-sm-7.pull-right .box-item{
    min-height: 178px;
}
.navbar-default{
    opacity: 1 !important;
}

.box-space{
    padding: 20px 40px
}
.box-item.no-shadow{


    -webkit-box-shadow:inherit;
    -moz-box-shadow:inherit;
    box-shadow:inherit;

    -webkit-box-shadow:initial;
    -moz-box-shadow:initial;
    box-shadow:initial;
}
.box-item.no-bk{
    background-color: inherit;
    background-color: initial;
}


.box-item.no-margin, .ls-row.no-margin{
    margin: 0px;
}
.box-item .chart-info{
    top: 19.5px;
}
.menu-tree-box .root  .chart-info{
    background-image: url('../img/info-icon-third.svg');
    background-color: #1a90c3;
}
.purchases-life-cycle-item button.chart-info{
    background-image: url('../img/info-icon-forth.svg');
    background-color: #1a90c3;
    background-color: rgb(255, 90, 84);
}
.purchases-life-cycle-item button.chart-info{

    right: 50%;

    bottom: 17.5px;

    margin-right: -17.5px;

    top: auto;
}
.box-item .chart-info-pos{
    top: 46px;
}
.box-item-header, .box-item-header-2, .box-item-header-3, .highcharts-title tspan, .highcharts-title-tag{
    color: #333333;
    font-size: 18px;
    margin: 10px 0 7px;
    padding: 0;
    text-align: center;
}
.box-item-header-middle-holder{
    display: table;
    width: 100%;
}
.box-item-header-middle-holder .box-item-header {
    height: 63px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 2px;
}
.first-edge>div .chart-info{

    top: 12px;
}
#costs-section .costs-header-box.taxrevenues-box  .box-item-header{
    margin: 35px 0 12px;
}
.highcharts-title-tag{
    margin: 0;
    line-height: 20px;
}
.line-box .box-item-header{
    margin: 15px 0 5px 15px;
    min-height: 19px;
    text-align: center;
}
#foreign-debt .line-box .box-item-header{
    text-align: center;
    padding-right: 100px;
}
.box-item-header-2{
    font-size: 16px;
    display: block;
    margin: 8px 0 60px;
}
.box-item-header-3{
    font-size: 14px;
    display: block;
    margin: 25px 0 0;
}
.box-item-header-3 .GEL{
    font-size: 12px;
    font-weight: 100;
}
.download-box-title{
    color: #27b7f5;
    font-size: 14px;
    margin: 0;
    float: left;
    width: calc( 100% - 29px );
}
.download-box-iocn{
    position: relative;
    width: 29px;
    height: 29px;
    float: left;
}
.download-box-iocn:before{
    content: "";
    position: absolute;
    background-image: url('../img/download-blue-icon.svg');
    width: 29px;
    height: 29px;
}
.download-box-item{
    padding: 27px 30px 23px;
    display: inline-block;
    width: 100%;
}
#index-debt .download-box-item{
    padding: 27px 30px 18px;
}
.download-box-border:before{
    content: "";
    border-left: 6px solid #27b7f5;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.bar-chart-box{
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}
.line-chart-box{
    position: relative;
    padding: 20px 0 0;
    overflow: visible;
}
.box-item.foreign-box .export-down {
    top: 19.5px;
    display: block;
    z-index: 10
}
.line-box{
    position: relative;
    padding: 14px 0 8px;
}
.table-box{
    padding: 20px 0px 0;
}
.chart-info{
    position: absolute;
    right: 15px;
    top: 17.5px;
    width: 35px;
    height: 35px;
    background-image: url('../img/info-icon.svg');
    background-color: transparent;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
    background-size: 22px 22px;
    background-color: #ebeef1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100;
}
#nytg-overlays .chart-info{

    right: calc( 50% - 443px );
}
.systemic-container-fluid .chart-info{

    right: 40px;

    top: 36px;
}
.index-title-holder .chart-info{

    top: 15px;
}
.chart-info.line-chart{
    top: 19.5px;
}
.top-nav-collapse .nav>li:not(.search-group)>a {
    /* padding: 29px 22px 27px; */
}
.top-nav-collapse.navbar{
    opacity: 1 !important;
}
.top-nav-collapse .navbar-brand{
    /* padding: 2px 15px 2px 0; */
}
.taxrevenues-chart-box .chart-info,
#index-debt .line-box .chart-info{
    right: auto;
    left: 64px;
}
header .navbar-default .navbar-nav>li.dropdown:hover .dropdown-menu{
    max-height: 2000px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #d9dfe1;
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    display: block;
}
.drop-container button.close-drop{
    display: none;
}
.navbar-default .navbar-nav>li.dropdown>a{

    padding-right: 50px;
}
.navbar-default .navbar-nav>li.dropdown.open:before, .navbar-default .navbar-nav>li.dropdown:hover:before{

}
.navbar-default .navbar-nav>li.dropdown .caret{
    border: 0;
    background-image: url("../img/drop-icon.svg");
    width: 14px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1000;
    background-position: center center;
    margin-top: -1px;
}
.dropdown-menu li:first-child>a{
}

.dropdown-menu li>a.active:before,
.dropdown-menu li.selected>a:before,
.dropdown-menu li>a:hover:before,
.bootstrap-select.btn-group .dropdown-menu li.active a:before{
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    border-left: 3px solid #54B7F5;
}
.years-box .navbar-nav>li>a{
    color: #a1a1a1;
    padding: 22px 22px 19px;
}
.years-box .navbar-nav>li>a:focus,.years-box .navbar-nav>li>a:hover, .years-box .navbar-nav>li>a.active-data{
    background-color: #27b7f5;
    color: #fff;
}
.years-box{
    background-color: #fbfbfb;
    position: relative;
}







/* Debt Page css */
#index-debt .bar-chart-box #container-1,
#index-debt .bar-chart-box #container-2{
    height: 368px !important;
    min-width: 100%;
    margin: 0px;
}
#range-slider{
    display: block;
    margin-bottom: 30px;
    width: calc( 100% - 60px );
    margin: 0px 30px;
}
.factory-box{
    padding: 12px 19px;
    /* height: 304px; */
}
.factory-box-desc{
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-top: 15px;
}
.factory-group{
    margin: 10px 0 0;
    display: inline-block;
    width: 100%;
}
#navigation-bar>a,.factory-group>div{
    width: 50%;
    float: left;
    position: relative;
}
.factory-group>div.audits-toggle{
    width: 100%;
    float: none;
    position: relative;
    margin-left: 0;
}
.factory-group>div.audits-toggle .audits-toggle-item{
    margin: 0 auto;
}
#navigation-bar>a,
.factory-group>div label{
    font-size: 12px;
    color: #333333;
    padding: 14px 6px 12px 6px;
}
.factory-group>div input[type='radio']{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#navigation-bar>a.active,
.factory-group>div input[type='radio']:checked + label{
    background-color: #27b7f5;
    color: #fff;
}
#navigation-bar>a:first-child,
.factory-group>div:first-child label{
    border-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dee8ee;
    border-right: 0;
}
#navigation-bar>a:first-child+a,
.factory-group>div:first-child+div label{
    border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #dee8ee;
    border-left: 0;
}
#whole-container-1>div{
    overflow: visible !important;
}
.line-table td.bad-data {
    background-color: rgba(255, 90, 84,1);
    color: #fff;
}
.line-table td.active-data {
    background-color: #27b7f5;
    color: #fff;
}
.line-table tr>td{
    text-align: center;
    height: 60px;
}
.line-table thead>tr:first-child>td:first-child{
    border-left: 0;
    background-color: transparent;
}
.line-table tbody>tr>td:first-child{
    padding: 3px 16px 0;
    text-align: left;
    cursor: pointer;
    min-width: 211px;
}
.line-table tbody>tr:last-child>td{
    border-bottom: 0
}
.line-table tr>td:last-child{
    border-right: 0
}
.line-table td{
    border: 1px solid #dae6ec;
    background-color: #fff;
}
.line-table{
    color: #333333;
    font-size: 14px;
}
.line-table tr>td:first-child+td,
.line-table tr>td:first-child+td+td,
.line-table tr>td:first-child+td+td+td,
.line-table tr>td:first-child+td+td+td+td,
.line-table tr>td:first-child+td+td+td+td+td{
    padding: 0 22px;
    width: 98px;
}

.line-table tr>td:first-child+td+td+td+td+td+td+td{
    min-width: 210px
}
.line-table tr>td:first-child+td+td+td+td+td+td{
    min-width: 155px
}
.line-table tr>td:last-child{
    min-width: 155px
}
.line-chart-margin-null{
    margin-right: -20px;
}
.line-legend-border{
    position: absolute;
    top: 20px;
    left: 0;
    border-left: 0;
    border-right: 0;
    width: calc( 100% );
    height: 61px;
}
.line-legend-border:before{
    position: absolute;
    /*z-index: 1500;*/
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #dae6ec;
}
.line-legend-border:after{
    position: absolute;
    /* z-index: 1000; */
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #dae6ec;
}
.line-chart-box #whole-container-1{
    height: 360px;
}
.line-chart-box #whole-container-1 .highcharts-title{
    display: none;
}



#index-debt #whole-container-1 .export-down{

    top: -53px;

    right: auto;

    left: 10px;
}
.taxrevenues-chart-box .export-down{

    right: auto;

    left: 10px;
}
/* Pie Legend */
.legend{
    position: absolute;
    top: 0;
    right: 0;
}
.symbol {
    width:20px;
    height:20px;
    margin-right:20px;
    float:left;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.serieName {
    float:left;
    cursor:pointer;
}
.item {
    height:40px;
    clear:both;
}
/* Foreign */
.domestic-pie-container, .foreign-pie-container{
    display: table;
    width: 100%;
    margin-top: 20px;
}
.foreign-pie-container>div{
    min-width: 33.3%;
    /* float: left; */
    overflow: hidden;
    position: relative;
    margin: 20px 0 0;
    padding-top: calc( 60% - 20px );
    position: relative;
}
.foreign-pie-container>div>div{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#domestic-debt .domestic-pie-container>div .chart-info,
#foreign-debt .foreign-pie-container>div .chart-info{
    top: 0;
}
.foreign-chart-box{
    min-width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}
.foreign-chart-box>div{
    min-width: 100%;
    margin: 0px;
    height: 356px;
}
.investment-projects td{
    padding: 0 0 0 40px;
    color: #333333;
    font-size: 14px;
    height: 45px;
    padding-top: 4px !important;
}
#foreign-debt .table-box{
    max-height: 334px;
    overflow: hidden;
}
#foreign-debt .investment-projects tr>td:first-child {
    display: none;
}
.investment-projects tr>td:first-child+td{
    max-width: 300px;
}
.investment-projects{
    width: 100%;
    height: 257px;
}
.investment-projects tr{
    border: 1px solid #f1f1f2;
    border-left: 0;
    border-right: 0;
}
.view-more-box{
    text-align: center;
    padding: 16px 0px 6px;
}
.view-more-box a{
    text-decoration: none;
    color: #333333;
    font-size: 14px;
}
/* Domestic */
.domestic-pie-container{
    display: table;
    width: 100%;
}
.domestic-pie-container>div{
    min-width: 100%;
    /* float: left; */
    overflow: hidden;
    margin: 20px 0 0;
    padding: 0;
    padding-top: calc( 40% - 20px );
    position: relative;
}
.domestic-pie-container>div>div{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.domestic-pie-container>div .chart-info{
    top: -1px;
}


/* Assimilate */
.assimilate-order-btn{
    border-color: #dae6ec !important;
    color: #333333;
    padding: 25px 50px 23px;
    font-size: 14px;
}
.assimilate-order-btn:hover:after,
.assimilate-order-btn.active:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 3px solid  #3db9ef;
    width: 100%;
}

.btn-toolbar .btn-group .assimilate-order-btn:nth-child(1){
    border-right: 0 ;
    padding-right: 51px;
}
.btn-toolbar .btn-group  .assimilate-order-btn:nth-child(1):hover,
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(1).active{
    border-right: 1px solid #dae6ec ;
    padding-right: 50px;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(2){
    border-right: 0 ;
    border-left: 0 ;
    padding-left: 51px;
    padding-right: 51px;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(2):hover,
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(2).active{
    border-right: 1px solid #dae6ec ;
    border-left: 1px solid #dae6ec ;
    padding-left: 50px;
    padding-right: 50px;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(3){
    border-right: 50px;
    border-left: 50px;
    padding-left: 51px;
    padding-right: 51px;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(3):hover,
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(3).active{
    border-right: 1px solid #dae6ec ;
    border-left: 1px solid #dae6ec ;
    padding-left: 50px;
    padding-right: 50px;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(4){
    border-left: 0 ;
    padding-left: 51px;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(4):hover,
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(4).active{
    border-left: 1px solid #dae6ec ;
    padding-left: 50px;
}

.assimilate-order-btn:hover,
.assimilate-order-btn.active{
    background-color: #fafafa;
    color: #33b8f2;
}

.btn-toolbar .btn-group .assimilate-order-btn:nth-child(1):before{
    content: "";
    position: absolute;
    display: block;
    height: 25px;
    border-left: 1px solid #dae6ec;
    right: 0;
    z-index: 100;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(1):hover:before,
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(1).active:before{
    display: none;
}

.btn-toolbar .btn-group .assimilate-order-btn:nth-child(2):before{
    content: "";
    position: absolute;
    height: 25px;
    border-left: 1px solid #dae6ec;
    right: 0;
    z-index: 100;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(2):hover:before,
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(2).active:before{
    display: none;
}



.btn-toolbar .btn-group .assimilate-order-btn:nth-child(3):before{
    content: "";
    position: absolute;
    height: 25px;
    border-left: 1px solid #dae6ec;
    right: 0;
    z-index: 100;
}
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(3):hover:before,
.btn-toolbar .btn-group .assimilate-order-btn:nth-child(3).active:before{
    display: none;
}








.caption-box{
    padding-top: 0;
    border-left: 1px solid #dae6ec;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    padding-bottom: 20px;
    height: 870px;
    max-height: 870px;
}
.caption-box .box-item-header{
    padding-right: 100px;
    text-align: left;
    margin-bottom: 30px;
    padding-top: 10px;
}
.caption-box>.chart-info{
    right: 22px;
    top: 138px;
}
.intervals-group{
    border: 1px solid #f3f6f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    display: table;
    margin-bottom: 20px;
}
.interval-btn{
    width: 25%;
    float: left;
    padding: 15px 15px 13px;
    border-left: 1px solid #f3f6f8;
    position: relative
}
.interval-btn:hover{
    background-color: #fbfcfc;
}
.interval-btn:hover:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 4px solid #27b7f5;
    width: 100%;
}
.interval-btn>a{
    text-decoration: none;
}
.interval-btn>a>span{
    color: #27b7f5;
    font-size: 15px;
    display: block;
    font-weight: 400;
    text-align: center;
}
.interval-btn>a>span:first-child{
    margin-bottom: 7px;
}
.priority-item>span{
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-right: 18px;
    top:2px;
    position: relative;
}
.priority-item{
    padding: 7px 0 4px;
    color: #333333;
    font-size: 12px;
}
.search-box{
    position: relative;
    width: 100%;
    padding-left: 0;
}
.section .search-box:before{
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    background-image: url('../img/search-icon.svg');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -15px;
}
.search-box input[name='_keyword'], .search-box input[name='keyword']{
    width: 100%;
    background-color: #f3f6f8;
    font-size: 14px;
    color: #333333;
    border: 0;
    outline: none;
    padding: 26px 20px 24px;
}
.bubble-desc-box{
    border-top: 1px solid #dae6ec;
    margin-left: -20px;
    padding-left: 20px;
    width: calc( 100% + 40px );
    padding-top: 20px;
    margin-top: 13px;
}
.bubble-desc-line{
    margin-bottom: 15px;
}
.bubble-desc-box>.bubble-desc-line:last-child{
    margin-bottom: 0;
}
.bubble-desc-line b{
    color:#27b7f5;
    font-size: 15px;
    font-weight: normal;
}
.bubble-desc-line span{
    color: #333333;
    font-size: 14px;
    margin-left: 10px;
}
.assimilate-years-box{
    margin-left: 0;
}
.priority-item-group{
    width: 100%;
    min-height: 370px;
}
.bubble-desc-box .download-box-item{
    width: 270px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dae6ec;
    padding: 20px 20px 17px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
#bubble-container{
    position: relative;
    width: 100%;
    padding-left: 20px;
}
#bubble-container div{
    border-top: 0;
    border-right: 0;
    text-align: left;
    border-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    padding: 0 5px;
}
#bubble-container div>p{
    font-size: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 11px;
    word-wrap: break-word;
    margin: 0;
    display: block;
    max-height: 73%;
    overflow: hidden;
}
circle.node {
    cursor: pointer;
    stroke: #000;
    stroke-width: .5px;
}
#bubble-container g{
    cursor: pointer;
}
/* Assimilate Result */
.assimilate-table{
    padding-top: 30px;
}
.assimilate-list-box{
    padding: 30px 0 0;
}
.assimilate-table table{
    width: 100%;
}
.assimilate-table table tr{
    height: 66px;
    text-align: center;
    width: 100%;
}
.assimilate-table table tr>td:first-child{
    min-width: 108px;
    color: #344750;
}
.assimilate-table.assimilate-table table tr>td:first-child{
    display: none;
}

.assimilate-table table tr>td:first-child+td{
    width: 50%;
    text-align: left;
    padding-left: 35px;
}
.assimilate-table table tr>td:first-child+td+td,.assimilate-table table tr>td:first-child+td+td+td,.assimilate-table table tr>td:first-child+td+td+td+td+td{
    min-width: 190px;
    padding: -1px 40px;
}
.assimilate-table table tr>td:first-child+td+td+td+td{
    min-width: 150px;
}
.assimilate-table table thead{
    background-color: #1ac2d9;
}
.assimilate-table table thead td{
    color: #fff !important;
}
.assimilate-table table thead tr td:last-child{
    padding-right: 10px;
}
.assimilate-table table td{
    border-bottom: 1px solid #e2e8ea;
    max-height: 66px;
    overflow: hidden;
    color: #333333;
    position: relative;
}
.assimilate-table table tr{
    border-bottom: 6px solid #eef4f7;
}
.assimilate-table table tbody tr:last-child td, .assimilate-table table tbody tr:last-child{
    border-bottom: 0;
}

.progress-bar-container{
    /* position: relative; */
    width: 40%;
    height: 32px;
    margin: 0px 20px;
    text-align: center;
    padding: 2px;
}
.progress-bar-bk{
    /* position: absolute; */
    left: 0;
    z-index: 0;
    height: 9px;
    max-width: 0 !important;
    background: -moz-linear-gradient(45deg, rgba(15,174,245,1) 0%, rgba(2,205,238,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(15,174,245,1)), color-stop(100%, rgba(2,205,238,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(15,174,245,1) 0%, rgba(2,205,238,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(15,174,245,1) 0%, rgba(2,205,238,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(15,174,245,1) 0%, rgba(2,205,238,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(15,174,245,1) 0%, rgba(2,205,238,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02cdee', endColorstr='#0faef5',GradientType=1 ); /* ie6-9 */
    -webkit-animation: line-in .85s  steps(1) forwards;
    -moz-animation: line-in .85s steps(1)  forwards;
    -ms-animation: line-in .85s steps(1)  forwards;
    -o-animation: line-in .85s steps(1)  forwards;
    animation: line-in .85s steps(1)  forwards;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    top: 50%;
    margin-top: -9px;
}
.progress-bar-bk-layer{
    /* position: absolute; */
    left: 0;
    z-index: 0;
    height: 9px;
    background-color: #cfd8dc;
    width: 100%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    top: 50%;
    /* margin-top: -4.5px; */
}
.progress-bar-pc{
    font-size: 14px;
    color: #344750;
}
@keyframes line-in {
    0% { max-width: 0; }
    44.5% { max-width: 44.5%; }
    94.5% { max-width: 94.5%; }
    100% { max-width: 100%; }
}
.line-right{
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    height: 15px;
    border-right: 1px solid #d9dddf;
    right: 0;
}


/* citizen */
.citizen-row{
    margin-right: -20px;
    margin-left: -20px;
    margin-top: 30px;
}
.citizen-row>div{
    padding-left: 20px;
    padding-right: 20px;
}
.citizen-item{
    margin-bottom: 15px;
    position: relative;
    min-height: 59px;
}
#budgeting
.citizen-item{
    margin-bottom: 0px;
}
textarea{
    -webkit-appearance: none;
    box-shadow: none !important;
}
.citizen-item textarea{
    width: 100%;
    resize:none;
    overflow:auto;
    outline: none;
    padding: 20px;
    height: 83px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    color: #333333;
    font-size: 14px;
    -webkit-appearance: none;
    box-shadow: none !important;
}
.citizen-item-holder-v1.red-holder textarea{
    height: 93px;
}
.citizen-item-holder-v1 .chart-info{
    right: 40px;
    top: 33px;
}
.citizen-item>button[type="submit"]:not(.green):not(.red), .citizen-item>form>button:not(.green):not(.red), .sortable-btn:not(.green):not(.red){
    background-color: #00aeef;
}
.citizen-item>button[type="submit"], .citizen-item>form>button, .sortable-btn{
    border: 0;
    color: #fff;
    width: 200px;
    padding: 22px 0 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    outline: none;
}
.citizen-item .btn-group.bootstrap-select button{
    outline: none !important;
    outline-offset: 0;
    color: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    padding: 21px 40px 18px 15px;
    background-color: transparent !important;
    position: relative;
    box-shadow: none;
    overflow: hidden;
}
.citizen-item .btn-group.bootstrap-select.open button {
    z-index: 1500;
}
.citizen-item .btn-group.bootstrap-select.open button{
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


.bootstrap-select.btn-group .dropdown-toggle .caret{
    border: 0;
    background-image: url('../img/drop-down-arrow.svg');
    width: 14px;
    height: 7px;
    background-size: 14px 7px;
}.citizen-item .dropdown-menu {
     -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
     -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
     box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
     -webkit-transition: all;
     -o-transition: all;
     transition: all;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
     margin-top: 0;
     max-width: 100%;
 }
.citizen-item .dropdown-menu.open{
    border-top: 0;
    top: 0;
    padding-top: 60px;
}
.citizen-item .dropdown-menu   li > a {
    padding: 15px 17px 12px;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.citizen-item .dropdown-menu.dropdown-menu-lg {
    width: 300px
}
.citizen-item .dropdown-menu.dropdown-menu-sm {
    width: 150px
}
.citizen-item .dropdown-menu.dropdown-menu-right {
    right: 0;
    left: auto
}
.citizen-item .dropdown-menu.dropdown-menu-right > li > a {
    text-align: right
}
.citizen-item .dropdown-menu.dm-icon > li > a > .zmdi {
    line-height: 100%;
    vertical-align: top;
    font-size: 18px;
    width: 28px
}
.citizen-item .dropdown-menu:not([class*="bgm-"])   li > a {
    color: #4C4C4C
}
.citizen-item .dropdown-menu:not([class*="bgm-"]) > li > a:hover {
    color: #000
}
.citizen-item .dropdown-menu[class*="bgm-"] > li > a {
    font-weight: 300;
    color: #fff
}
.citizen-item .dropdown:not([data-animation]) .dropdown-menu,
.citizen-item .btn-group:not([data-animation]) .dropdown-menu {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    display: block
}
.citizen-item .dropdown .dropdown-menu:not([data-animation]).pull-right,
.citizen-item .bootstrap-select .dropdown-menu:not([data-animation]).pull-right,
.citizen-item .btn-group .dropdown-menu:not([data-animation]).pull-right,
.citizen-item .dropdown .dropdown-menu:not([data-animation]).dropdown-menu-right,
.citizen-item .bootstrap-select .dropdown-menu:not([data-animation]).dropdown-menu-right,
.citizen-item .btn-group .dropdown-menu:not([data-animation]).dropdown-menu-right {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}
.citizen-item .dropdown .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right),
.citizen-item .bootstrap-select .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right),
.citizen-item .btn-group .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right) {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.citizen-item .dropup .dropdown-menu:not([data-animation]).pull-right,
.citizen-item .dropup .dropdown-menu:not([data-animation]).dropdown-menu-right {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

.citizen-item .dropup .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right) {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

.citizen-item .dropdown.open .dropdown-menu:not([data-animation]),
.citizen-item .dropup.open .dropdown-menu:not([data-animation]),
.citizen-item .bootstrap-select.open .dropdown-menu:not([data-animation]),
.citizen-item .btn-group.open .dropdown-menu:not([data-animation]) {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.citizen-item .dropdown-header {
    padding: 3px 17px;
    margin-top: 10px;
    color: #b1b1b1;
    text-transform: uppercase;
    font-weight: 400
}
.upload-box{
    min-height: 50px;
    border: 0;
    padding: 15px 20px 15px 48px;
    display: table;
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.upload-box.dragAndUploadActive{
    background-color: rgba(180, 235, 255, 0.15);
}
.upload-box button{
    float: right;
}
.upload-box .left-box{
    float: left;
    padding: 7.5px 0;
}
.upload-box .left-box b{
    background-image: url('../img/drop-file.svg');
    display: inline-block;
    width: 36px;
    height: 45px;
    background-size: 100% 100%;
    float: left;
    margin-right: 34px;
}
.upload-box .left-box span{
    color: #333333;
    font-size: 14px;
    display: inline-block;
    padding: 14px 0 11px;
    float: left;
}
.upload-box  input.upload {
    position: absolute;
    top: 13px;
    right: 20px;
    margin: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    height: 60px !important;
    width: 200px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.upload-result{
    display: table;
    width: 100%;
    margin-bottom: 22px;
    min-height: 100px;
}
.upload-result>div{
    float: left;
    width: 10%;
    height: 80px;
    position: relative;
    padding-top: 3px;
    margin-top: 20px;
    z-index: 15000;
}
.upload-result>div a{
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    background-size: 100% 100%;
    background-image: url('../img/close.svg');
}
.upload-result>div span{
    height: 37px;
    width: 30px;
    display: block;
    background-size: 100% 100%;
    background-image: url('../img/file.svg');
    margin: 0 auto 20px;
}
.upload-result>div p{
    width: 100%;
    color: #333333;
    font-size: 14px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.upload-result>div.error p{
    color: rgba(255, 90, 84,1);
}
.upload-result>div.loading.error span {
    background-image: url('../img/file-error.svg');
}
.upload-result>div.loading.error span i{
    display: none;
}
.footer-item>button[type="submit"]{
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -100px;
}

.footer-item>button[type="button"]{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-left: -100px;
    color: #000;
    background-color: #f9f9f9;
    border: 1px solid #d3d3d3;
    outline: none;
    padding: 6px 20px 0;
    height: 62px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}















.footer-item{
    height: 78px;
    margin-bottom: 4px;
}
.capture-layer{
    top: 0;
    left: 150px;
    height: 100%;
    background-color: #fff;
    width: calc( 100% - 150px );
    position: absolute;
    background-size: auto calc( 100% - 2px );
    background-repeat: no-repeat;
    background-image: url('../img/capture-layer.png')
}


/* Border */
.upload-box.dragAndUploadActive .left-right:after,
.ui-sortable-placeholder .left-right:after {
    -webkit-animation: move-left 0.1s linear infinite;
    animation: move-left 0.1s linear infinite;
}
.upload-box.dragAndUploadActive .left-right:before,
.ui-sortable-placeholder .left-right:before {
    -webkit-animation: move-right 0.1s linear infinite;
    animation: move-right 0.1s linear infinite;
}
.upload-box.dragAndUploadActive .top-bottom:after,
.ui-sortable-placeholder .top-bottom:after{
    -webkit-animation: move-top 0.1s linear infinite;
    animation: move-top 0.1s linear infinite;
}
.upload-box.dragAndUploadActive .top-bottom:before,
.ui-sortable-placeholder .top-bottom:before{
    -webkit-animation: move-bottom 0.1s linear infinite;
    animation: move-bottom 0.1s linear infinite;
}
.upload-box.dragAndUploadActive .left-right:after,
.upload-box.dragAndUploadActive .left-right:before,
.ui-sortable-placeholder .left-right:after,
.ui-sortable-placeholder .left-right:before{
    background-image: -webkit-linear-gradient(bottom, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to top, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
}
.upload-box.dragAndUploadActive .top-bottom:after,
.upload-box.dragAndUploadActive .top-bottom:before,
.ui-sortable-placeholder .top-bottom:after,
.ui-sortable-placeholder .top-bottom:before{
    background-image: -webkit-linear-gradient(left, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
}

.top-bottom,
.left-right {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.left-right:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 2px;
    height: 100%;
    width: 2px;
    background-image: -webkit-linear-gradient(bottom, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to top, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 2px 11px;
    background-repeat: repeat-y;
    /*background-color:red;*/
}

.left-right:before {
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0px;
    height: 100%;
    width: 2px;
    background-image: -webkit-linear-gradient(bottom, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to top, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 2px 11px;
    background-repeat: repeat-y;
    /*background-color:red;*/
}

.top-bottom:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background-image: -webkit-linear-gradient(left, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 11px 2px;
    background-repeat: repeat-x;
    /* background-color:red; */
}

.top-bottom:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background-image: -webkit-linear-gradient(left, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #e7e7e7 50%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 11px 2px;
    background-repeat: repeat-x;
    /* background-color:red; */
}


@-webkit-keyframes move-top
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 10px 0px;
    }
}


@keyframes move-top
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 10px 0px;
    }
}
@-webkit-keyframes move-bottom
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -10px 0px;
    }
}
@keyframes move-bottom
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -10px 0px;
    }
}
@-webkit-keyframes move-left
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0px -10px;
    }
}
@keyframes move-left
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0px -10px;
    }
}
@-webkit-keyframes move-right
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0px 10px;
    }
}
@keyframes move-right
{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0px 10px;
    }
}


/* File Loading */
.upload-result>div.loading span{
    background-image: url('../img/file-loading.svg');
    position: relative;
}
.upload-result>div.loading span>i:nth-child(1){
    width: 7px;
    height: 2px;
    background-color: rgba(149, 170, 179, 0.89);
    position: absolute;
    left: 7px;
    top: 7px;
    max-width: 0;
}
.upload-result>div.loading span>i:nth-child(2){
    width: 17px;
    height: 2px;
    background-color: rgba(149, 170, 179, 0.89);
    position: absolute;
    left: 7px;
    top: 14px;
    max-width: 0;
}
.upload-result>div.loading span>i:nth-child(3){
    width: 17px;
    height: 2px;
    background-color: rgba(149, 170, 179, 0.89);
    position: absolute;
    left: 7px;
    top: 21px;
    max-width: 0;
}
.upload-result>div.loading span>i:nth-child(4){
    width: 12px;
    height: 2px;
    background-color: rgba(149, 170, 179, 0.89);
    position: absolute;
    left: 7px;
    top: 28px;
    max-width: 0;
}
.upload-result>div.loading span>i:nth-child(1) {
    -webkit-animation: fillLine1 1.5s linear infinite forwards;
    animation: fillLine1 1.5s linear infinite forwards;
}
.upload-result>div.loading span>i:nth-child(2) {
    -webkit-animation: fillLine2 1.5s linear infinite forwards;
    animation: fillLine2 1.5s linear infinite forwards;
}
.upload-result>div.loading span>i:nth-child(3) {
    -webkit-animation: fillLine3 1.5s linear infinite forwards;
    animation: fillLine3 1.5s linear infinite forwards;
}
.upload-result>div.loading span>i:nth-child(4) {
    -webkit-animation: fillLine4 1.5s linear infinite forwards;
    animation: fillLine4 1.5s linear infinite forwards;
}

@-webkit-keyframes fillLine1 {
    0% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}
@keyframes fillLine1 {
    0% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}
@-webkit-keyframes fillLine2 {
    0% {
        max-width: 0;
    }
    10% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}
@keyframes fillLine2 {
    0% {
        max-width: 0;
    }
    10% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}
@-webkit-keyframes fillLine3 {
    0% {
        max-width: 0;
    }
    20% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}
@keyframes fillLine3 {
    0% {
        max-width: 0;
    }
    20% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}
@-webkit-keyframes fillLine4 {
    0% {
        max-width: 0;
    }
    30% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}
@keyframes fillLine4 {
    0% {
        max-width: 0;
    }
    30% {
        max-width: 0;
    }
    80% {
        max-width: 100%;
    }
    100% {
        max-width: 100%;
    }
}


/* Sortable */
#order-areas{
    background-color: #fcfdfe;
    border: 2px dashed #e7e7e7;
    padding: 8px 0px;
}
.sortable-box{
    position: relative;
    min-height: 150px;
    margin-top: 25px;
    margin-bottom: 0;
    padding: 0;
}
.sortable-btn{
    margin: 0 auto;
    display:block;
    margin-top: 34px;
}

#order-areas>ol{
    padding: 0
}
#order-areas ol{
    list-style-type: none;
}
#order-areas li{
    /* padding: 0 40px; */
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
}
#order-areas li div>div{

    overflow: hidden;

    max-height: 20px;

    max-width: calc(100% - 49px );
}
#order-areas li>div{
    background-color: transparent;
    margin: 0 0 15px 0;
    padding: 13px 0px 10px 30px;
    position: relative;
    color: #333333;
    font-size: 14px;
    /* border: 1px solid #e7e7e7; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
#order-areas li>div span{
    position: absolute;
    width: 8px;
    height: 21px;
    right: 35px;
    top: 50%;
    margin-top: -10.5px;
    background-image: url('../img/sortable-arrow.svg');
    background-repeat: no-repeat;
}
#order-areas li>div span i{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dfe2e3;
    background-image: url('../img/sortable-arrow.svg');
}
#order-areas li>div span i:nth-child(2) {
    top: 6px;
}
#order-areas li>div span i:nth-child(3) {
    bottom: 0;
}
.ui-sortable-placeholder{
    border: 0;
    position: relative;
    margin-bottom: 24px;
    color: #333333;
    text-align: center;
    font-size: 14px;
    padding: 15px 18px 12px 30px !important;
    height: 34px !important;
}
#order-areas li.ui-sortable-helper>div{
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    padding: 16px 17px 13px 26px;
    border: 0px solid #e7e7e7;
    border-left: 5px solid #55dba4;
}
#order-areas li.ui-sortable-helper{
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 1);
    padding: 0 0px;
}



/* taxrevenues */
.taxrevenues-pie{
    min-width: 100%;
    height: 379px;
    overflow: hidden;
    position: relative;
    padding: 0px 0 0;
    display: table;
    width: 100%;
    max-height: 379px;
}
.taxrevenues-pie>div, .taxrevenues-pie>div>div{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.taxrevenues-pie>div{
    width: 50%;
    float: left;
    overflow: hidden;
    margin: 20px 0 0;
    padding: 0;
    /* padding-top: 18%; */
    position: relative;
    height: 359px;
}
.taxrevenues-pie>div button.chart-info{
    top: 0;
}
.taxrevenues-pie>div button.export-down{
}
.taxrevenues-pie #pie-container-2 .highcharts-data-labels.highcharts-series-0.highcharts-tracker{
    display: none;
}
.taxrevenues-chart-box{
    min-width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}
.taxrevenues-chart-box>div#container-1{
    min-width: 100%;
    margin: 0px;
    height: 370px;
}
.reservefonds-chart-box>div#container-1 .highcharts-series-0,
.taxrevenues-chart-box>div#container-1 .highcharts-series-0{
    margin-left: -30px;
    z-index: 10;
}
.reservefonds-chart-box>div#container-1 .highcharts-series-1,
.taxrevenues-chart-box>div#container-1 .highcharts-series-1{
    margin-left: 30px;
}
.taxrevenues-chart-box>div#container-1 .highcharts-data-labels>div,
.reservefonds-chart-box>div#container-1 .highcharts-data-labels>div{
    visibility: visible !important;
    opacity: 1 !important;
}
.taxrevenues-chart-box>div.chart-picker{
    position: absolute;
    right: 0;
    z-index: 1000;
    top: 8.5px;
}
.taxrevenues-chart-box>div.chart-picker.component-item{
    right: 110px;
}
.taxrevenues-chart-box>div.chart-picker.component-item .dropdown-toggle .filter-option{
    min-width: 120px;
}
.taxrevenues-box{
    padding: 20px 40px;
}
.taxrevenues-box .line{
    border-bottom: 1px solid #d9e5ea;
    width: calc( 100% + 80px );
    margin: 0 0 20px -40px;
}
.taxrevenues-box .description{
    color: #333333;
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px;
    height: 212px;
}
.taxrevenues-box.costs-header-box .description{
    height: 69px;
    margin-top: 30px;
}

.taxrevenues-box.costs-header-box .line{

    margin: 0 0 0 -40px;
}

.costs-header-box.taxrevenues-box.compare-costs-box .description{
    height: 119px;
}

.taxrevenues-box .download-box-item{
    width: 342px;
    max-width: 100%;
    border: 1px solid #dae6ec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 22px auto 15px;
    max-width: 100%;
    padding: 30px;
}
#costs-section .taxrevenues-box .download-box-item{

    margin: 19px auto 0;
}
.chart-picker.citizen-item .dropdown.open .dropdown-menu:not([data-animation]), .chart-picker.citizen-item .dropup.open .dropdown-menu:not([data-animation]), .chart-picker.citizen-item .bootstrap-select.open .dropdown-menu:not([data-animation]), .chart-picker.citizen-item .btn-group.open .dropdown-menu:not([data-animation]), .citizen-item.citizen-item .btn-group.bootstrap-select button{
    border: 0;
}
.citizen-item div.dropdown-menu.open ul{
    max-height: 340px !important;
}

/*
.chart-picker .btn-group.open div.dropdown-menu.open{min-height: 300px !important;}
.reservefonds-chart-box .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open ul{
    max-height: 200px !important;
}
.reservefonds-chart-box  .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open{
    max-height: 240px !important;
    min-height: 240px !important;
}*/

/* Budget */
.budget-menu-holder{
    padding: 50px 80px 40px 80px;
    display: table;
    width: 100%;
}
.menu-item{
    overflow: hidden;
    padding: 35px 5px 15px;
    position: relative;
}
.menu-item div{
    right: -80px;
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    background-color: #27b7f5;
    -webkit-transition: right  0.7s ease;
    -moz-transition: right  0.7s ease;
    -o-transition: right  0.7s ease;
    transition: right  0.7s ease;
}
.menu-item div i{
    width: 30px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -7.5px;
    margin-left: -15px;
    background-image: url('../img/arrow-icon.svg');
}
.menu-item a {
    text-decoration: none;
}
.menu-item b {
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 30px;
    width: 100%;
    -webkit-transition: all  0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all  0.7s ease;
    transition: all 0.7s ease;
}
.menu-item span{
    display: block;
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    height: 42px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    -webkit-transition: all  0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all  0.7s ease;
    transition: all 0.7s ease;
}
.budget-menu-holder>div:nth-child(1)>.menu-item b, #owl-main-menu .owl-item:nth-child(1) .menu-item b{
    background-image: url('../img/icon-7.svg');
}
.budget-menu-holder>div:nth-child(2)>.menu-item b, #owl-main-menu .owl-item:nth-child(2) .menu-item b{
    background-image: url('../img/icon-2.svg');
}
.budget-menu-holder>div:nth-child(3)>.menu-item b, #owl-main-menu .owl-item:nth-child(3) .menu-item b{
    background-image: url('../img/icon-20.svg');
}
.budget-menu-holder>div:nth-child(4)>.menu-item b, #owl-main-menu .owl-item:nth-child(4) .menu-item b{
    background-image: url('../img/icon-10.svg');
}
.budget-menu-holder>div:nth-child(5)>.menu-item b, #owl-main-menu .owl-item:nth-child(5) .menu-item b{
    background-image: url('../img/icon-4.svg');
}
.budget-menu-holder>div:nth-child(6)>.menu-item b, #owl-main-menu .owl-item:nth-child(6) .menu-item b{
    background-image: url('../img/icon-9.svg');
}
.budget-menu-holder>div:nth-child(7)>.menu-item b, #owl-main-menu .owl-item:nth-child(7) .menu-item b{
    background-image: url('../img/icon-8.svg');
}
.budget-menu-holder>div:nth-child(8)>.menu-item b, #owl-main-menu .owl-item:nth-child(8) .menu-item b{
    background-image: url('../img/icon-5.svg');
}
.budget-menu-holder>div:nth-child(9)>.menu-item b, #owl-main-menu .owl-item:nth-child(9) .menu-item b{
    background-image: url('../img/icon-3.svg');
}
.first-header{
    background-color: #427cd2;
}
.second-header{
    background-color: #f67637;
}
.budget-header{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.budget-header h2{
    padding: 34px 20px 31px;
    margin: 0;
    color: #fff;
}
.budget-header.first-header .chart-info{
    background-image: url('../img/info-icon-first.svg');
    top: 24px;
    right: 30px;
    background-color: #395e94;
}
.budget-header.second-header .chart-info{
    background-image: url('../img/info-icon-second.svg');
    top: 23.5px;
    right: 30px;
    background-color: #d3642d;
}
.budget-holder{
    padding: 0 80px 0 80px;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
}
.budget-controllers a{
    position: absolute;
    top: 50%;
    width: 60px;
    height: 150px;
    margin-top: -75px;
    background-size: 15px 30px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.budget-controllers .next{
    background-image: url('../img/next-arrow-blue.svg');
    right: 10px;
}
.budget-controllers .preview{
    background-image: url('../img/preview-arrow-blue.svg');
    left: 10px;
}
.budget-controllers a.disabled{
    opacity: 0;
    cursor: context-menu;
}
.budget-holder .box-item{
    margin-bottom: 0;
}
.budget-chart-holder{
    min-height: 432px;
}
.budget-chart-holder>div{
    height: 100%;
}
.slider-wrapper{
    overflow: hidden;
    position: relative;
    min-height: 455px;
    padding-top: 5px;
}
.highcharts-title{
    text-align: center;
    font-size: 15px !important;
    white-space: initial !important;
}
.slide-item{

    width: 100%;
}



/* reserve fonds */
.reservefonds-chart-box{
    min-width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0 20px 0;
}
.reservefonds-chart-box>div#container-1{
    min-width: 100%;
    margin: 0px;
    height: 400px;
}
.reservefonds-chart-box>div.chart-picker{
    position: absolute;
    right: 110px;
    z-index: 1000;
    margin-top: -9px;
}
.reservefonds-box .description{
    color: #333333;
    font-size: 14px;
    margin-top: 27px;
    line-height: 20px;
}
.reservefonds-box .description .mCustomScrollbarHolder{
    max-height: 260px;
    height: 260px;
}
.reservefonds-box .description.full{
    max-height: 410px;
}
.reservefonds-box .description p{
    padding: 0;
    margin: 0;
}
.reservefonds-box .download-box-item{
    width: 342px;
    max-width: 100%;
    border: 1px solid #dae6ec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 30px auto 0;
}
.reservefonds-box{
    padding: 25px 30px 22px;
    display: inline-block;
    width: 100%;
    height: 440px;
}
.reservefonds-box-v1{
    height: 410px;
}
.reservefonds-pie-box{
    overflow: hidden;
}
.reservefonds-box .mCSB_inside>.mCSB_container{margin-right: 15px;}

/* Costs */
.costs-table-box{

}
.costs-table-box table{
    color: #333333;
    font-size: 16px;
    width: 100%;
}
.costs-table-box table tr.tr-header{
    font-size: 16px;
}
.costs-table-box table tr{
    border-top: 1px solid #d9e5ea;
}
.costs-table-box table tr>td:first-child{
    padding-left: 20px;
}
.costs-table-box table tbody>tr:first-child{
    border-top: 0;
}
.costs-table-box table td{
    height: 58px;
}
.costs-table-box table tr.tr-header td{
    height: 61px;
}
.costs-table-box table tr>td:first-child+td, .costs-table-box-v1 table tr>td:first-child+td+td{
    border-left: 1px solid #d9e5ea;
    border-right: 1px solid #d9e5ea;
}
.costs-table-box table tr>td:first-child+td, .costs-table-box table tr>td:first-child+td+td, .costs-table-box-v1 table tr>td:first-child+td+td+td{
    width: 110px;
    text-align: center;
    background-color: #fbfcfc;
    position: relative;
}
.costs-table-box-header {
    height: 62px;
    padding-left: 25px;
    padding-top: 15px;
}
.costs-table-box-header  h2{
    text-align: left;
    margin: 0;
}
.costs-table-box-v1.costs-table-box table tbody>tr:first-child{
    border-top: 1px solid #d9e5ea;
}
.costs-table-box table a{
    text-decoration: none;
    color: #333333;
    width: 100%;
    display: block;
}
.costs-table-box table td a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 4px solid #27b7f5;
    width: 100%;
}
.cost-chart-box>div.chart-picker, .costs-bar-chart-box>div.spenders-item, .costs-bar-chart-box>div.period-item, .costs-bar-chart-box>div.type-item{
    position: absolute;
    right: 0;
    z-index: 1000;
    top: 0;
}
.cost-chart-box>div .btn-group.bootstrap-select button, .costs-bar-chart-box .btn-group.bootstrap-select button{
    padding: 32px 50px 25px 15px;
}
.cost-chart-box>div .btn-group.bootstrap-select button .caret , .costs-bar-chart-box .btn-group.bootstrap-select button .caret {

    margin-top: -3.5px;
}
.cost-chart-box>div .bootstrap-select.btn-group .dropdown-toggle .caret{

    margin-top: -3px;
}
.cost-chart-box>div.type-item{
    width: 250px;
    right: 118px;
}
.cost-chart-box>div.spender-item{
    width: 250px;
    right: 294px;
}
.costs-bar-chart-box>div.spenders-item {
    max-width: 50%;
    left: 31px;
}
.costs-bar-chart-box>div.period-item {
    width: 120px;
    left: calc( 50% + 40px );
}
.chart-picker.citizen-item .bootstrap-select{
    max-width: 100%;

    width: auto !Important;
}
.cost-chart-box .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
}
.cost-chart-box .spender-item .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a{
    background-color: #54B7F5;
    padding: 15px 33px 12px 17px;
    position: relative;
}
.cost-chart-box .spender-item .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a  span{
    color: #fff;
}
.cost-chart-box .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a  span.glyphicon-ok{
    background-image: url('../img/arrow-mark.svg');
    width: 11.5px;
    height: 11px;
    display: inline-block;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -5.5px;
}
.cost-chart-box .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a  span.glyphicon-ok:before{
    display: none;
}
.costs-icon-box{
    display: table;
    width: 100%;
    height: 65px;
}
.costs-icon-box>div{
    float: left;
    height: 65px;
    width: 8.333%;
    position: relative;
    background-color: #fff !important;
}
#municipality-section .costs-icon-box>div{
    width: 11.1111%;
}
.costs-icon-box>div:before{
    content: "";
    position: absolute;
    left: -0.5px;
    height: 17px;
    top: 24px;
    border-right: 1px solid #efefef;
}
.costs-icon-box>div:after{
    content: "";
    position: absolute;
    right: -0.5px;
    height: 17px;
    top: 24px;
    border-left: 1px solid #efefef;
}
.costs-icon-box>div:last-child:after{
    border: 0;
}
.costs-icon-box>div:first-child:before{
    border: 0;
}
.costs-icon-box>div b{
    display: block;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: auto 50px;
}
.costs-icon-box>div:nth-child(1) b{
    background-image: url('../img/list-1.svg');
}
.costs-icon-box>div:nth-child(2) b{
    background-image: url('../img/list-2.svg');
}
.costs-icon-box>div:nth-child(3) b{
    background-image: url('../img/list-3.svg');
}
.costs-icon-box>div:nth-child(4) b{
    background-image: url('../img/list-4.svg');
}
.costs-icon-box>div:nth-child(5) b{
    background-image: url('../img/list-5.svg');
}
.costs-icon-box>div:nth-child(6) b{
    background-image: url('../img/list-6.svg');
}
.costs-icon-box>div:nth-child(7) b{
    background-image: url('../img/list-7.svg');
}
.costs-icon-box>div:nth-child(8) b{
    background-image: url('../img/list-8.svg');
}
.costs-icon-box>div:nth-child(9) b{
    background-image: url('../img/list-9.svg');
}
.costs-icon-box>div:nth-child(10) b{
    background-image: url('../img/list-10.svg');
}
.costs-icon-box>div:nth-child(11) b{
    background-image: url('../img/list-11.svg');
}
.costs-icon-box>div:nth-child(12) b{
    background-image: url('../img/list-12.svg');
}


#municipality-section .costs-icon-box>div:nth-child(1) b{
    background-image: url('../img/municipality-list-1.svg');
}
#municipality-section .costs-icon-box>div:nth-child(2) b{
    background-image: url('../img/municipality-list-2.svg');
}
#municipality-section .costs-icon-box>div:nth-child(3) b{
    background-image: url('../img/municipality-list-3.svg');
}
#municipality-section .costs-icon-box>div:nth-child(4) b{
    background-image: url('../img/municipality-list-4.svg');
}
#municipality-section .costs-icon-box>div:nth-child(5) b{
    background-image: url('../img/municipality-list-5.svg');
}
#municipality-section .costs-icon-box>div:nth-child(6) b{
    background-image: url('../img/municipality-list-6.svg');
}
#municipality-section .costs-icon-box>div:nth-child(7) b{
    background-image: url('../img/municipality-list-7.svg');
}
#municipality-section .costs-icon-box>div:nth-child(8) b{
    background-image: url('../img/municipality-list-8.svg');
}
#municipality-section .costs-icon-box>div:nth-child(9) b{
    background-image: url('../img/municipality-list-9.svg');
}

.costs-icon-box>div:nth-child(1):hover b,.costs-icon-box>div:nth-child(1).active-data b{
    background-image: url('../img/list-1-hover.svg');
}
.costs-icon-box>div:nth-child(2):hover b,.costs-icon-box>div:nth-child(2).active-data b{
    background-image: url('../img/list-2-hover.svg');
}
.costs-icon-box>div:nth-child(3):hover b,.costs-icon-box>div:nth-child(3).active-data b{
    background-image: url('../img/list-3-hover.svg');
}
.costs-icon-box>div:nth-child(4):hover b,.costs-icon-box>div:nth-child(4).active-data b{
    background-image: url('../img/list-4-hover.svg');
}
.costs-icon-box>div:nth-child(5):hover b,.costs-icon-box>div:nth-child(5).active-data b{
    background-image: url('../img/list-5-hover.svg');
}
.costs-icon-box>div:nth-child(6):hover b,.costs-icon-box>div:nth-child(6).active-data b{
    background-image: url('../img/list-6-hover.svg');
}
.costs-icon-box>div:nth-child(7):hover b,.costs-icon-box>div:nth-child(7).active-data b{
    background-image: url('../img/list-7-hover.svg');
}
.costs-icon-box>div:nth-child(8):hover b,.costs-icon-box>div:nth-child(8).active-data b{
    background-image: url('../img/list-8-hover.svg');
}
.costs-icon-box>div:nth-child(9):hover b,.costs-icon-box>div:nth-child(9).active-data b{
    background-image: url('../img/list-9-hover.svg');
}
.costs-icon-box>div:nth-child(10):hover b,.costs-icon-box>div:nth-child(10).active-data b{
    background-image: url('../img/list-10-hover.svg');
}
.costs-icon-box>div:nth-child(11):hover b,.costs-icon-box>div:nth-child(11).active-data b{
    background-image: url('../img/list-11-hover.svg');
}
.costs-icon-box>div:nth-child(12):hover b,.costs-icon-box>div:nth-child(12).active-data b{
    background-image: url('../img/list-12-hover.svg');
}

#municipality-section .costs-icon-box>div:nth-child(1):hover b,#municipality-section  .costs-icon-box>div:nth-child(1).active-data b{
    background-image: url('../img/municipality-list-1-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(2):hover b,#municipality-section  .costs-icon-box>div:nth-child(2).active-data b{
    background-image: url('../img/municipality-list-2-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(3):hover b,#municipality-section  .costs-icon-box>div:nth-child(3).active-data b{
    background-image: url('../img/municipality-list-3-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(4):hover b,#municipality-section  .costs-icon-box>div:nth-child(4).active-data b{
    background-image: url('../img/municipality-list-4-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(5):hover b,#municipality-section  .costs-icon-box>div:nth-child(5).active-data b{
    background-image: url('../img/municipality-list-5-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(6):hover b,#municipality-section  .costs-icon-box>div:nth-child(6).active-data b{
    background-image: url('../img/municipality-list-6-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(7):hover b,#municipality-section  .costs-icon-box>div:nth-child(7).active-data b{
    background-image: url('../img/municipality-list-7-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(8):hover b,#municipality-section  .costs-icon-box>div:nth-child(8).active-data b{
    background-image: url('../img/municipality-list-8-hover.svg');
}
#municipality-section .costs-icon-box>div:nth-child(9):hover b,#municipality-section  .costs-icon-box>div:nth-child(9).active-data b{
    background-image: url('../img/municipality-list-9-hover.svg');
}
.costs-bar-chart-box{
    padding-bottom: 0 ;
}
.costs-bar-chart-box #container-1{
    height: 483px;
}
.costs-bar-chart-box #container-2{
    height: 420px;
}
.list-hover-placeholder{
    display: none;
    position: absolute;
    top: 107px;
    left: 200px;
    padding: 10px 20px 7px;
    background-color: #fff;
    font-size: 14px;
    color: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
    z-index: 150001;
    max-width: 200px;
}

/* municipality */
.municipality-choose  .citizen-item .bootstrap-select{
    max-width: 100%;
    width: 100% !important;
}
.municipality-choose, .map-box .info-box, .municipality-compare, .municipality-hitmap, .municipality-hitmap-type{
    top: 81px;
    left: 40px;
    background-color: #fff;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.municipality-choose{
    z-index: 1000;
}
.municipality-choose .citizen-item{
    margin-bottom: 0;
    width: 385px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.municipality-compare{
    height: 59px;
    left: 445px;
    top: 81px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.municipality-hitmap{
    height: 59px;
    left: 675px;
    top: 81px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.municipality-hitmap-type{
    height: 59px;
    left: 908px;
    top: 81px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.box-item .chart-info.transfer-info{
    left: 1000px;
    top: 94px;
}
.municipality-hitmap .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    width: 159px;
}
.municipality-hitmap-type .bootstrap-select.btn-group .dropdown-toggle .filter-option{

    width: 148px;
}
.municipality-hitmap-type .chart-picker .btn-group.open div.dropdown-menu.open,
.municipality-hitmap .chart-picker .btn-group.open div.dropdown-menu.open {
    min-height: 200px !important;
}
.municipality-audit{
    height: 59px;
    right: 20px;
    top: 81px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    z-index: 1500;
    display: none;
}
.municipality-audit .audits-section{
    margin: 0;
}

.municipality-compare .audits-toggle{
    width: auto;
    margin-left: 15px;
}
.municipality-compare .audits-toggle>span{
    display: inline-block;
    margin-right: 44px;
    top: 2px;
}
.municipality-compare .audits-toggle>div{
    display: inline-block;
    top: 11px;
    margin-right: 15px;
}
.municipality-compare .audits-toggle .audits-toggle-item{
    width: 72px;
    height: 33px;
    top: 13px;
}
.municipality-compare .audits-toggle .audits-toggle-item>span{
    height: 33px;
    width: 37px;
}
.municipality-compare .audits-toggle .audits-toggle-item.off>span{

    right: 35px;
}
.map-box .info-box{
    left: auto;
    right: 20px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.map-box .info-box-item{
    padding: 25px 165px 25px 25px;
    position: relative;
    height: 102px;
    width: 100%;
}
.map-box .info-box-item:first-child, .map-box .info-box-item:first-child+div{
}
.map-box .info-box p{
    margin: 0;
    font-size: 11px;
    color: #27b7f5;
}
.map-box .info-box b{
    margin: 0 0 20px 0;
    font-size: 30px;
    color: #27b7f5;
}
.map-box .info-box i{
    height: 35px;
    display: inline-block;
    position: relative;
    left: 15px;
}
.map-box .info-box i.up-arrow{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #9fd55b;
    top: -15px;
}
.map-box .info-box i.down-arrow{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fe546e;
    top: 13px;
}
.map-box .info-boxdiv span{
    width: 107px;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
}
.map-box .info-box>div:first-child >span{
    background-image: url('../img/line.png');
}
#new-section .map-box .info-box-item.population span,
.map-box .info-box>div:first-child+div>span{
    background-image: url('../img/bar.png');
    display: none;
}
#new-section .map-box .info-box-item.space-area span,
.map-box .info-box>div:first-child+div+div > span{
    background-image: url('../img/line.png');
    display: none;
}
.map-box .info-box .info-box-item>span{
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right:0;
    background-repeat: no-repeat;
    background-position: center;
    width: 107px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.map-box .highcharts-tooltip {

    background-color: transparent;
}
.map-box .highcharts-tooltip b{

    font-size: 12px;

    color: #333333;
}
.map-box .highcharts-tooltip span{

    color: #333333;

    background-color: transparent;
}

#new-section .map-box .info-box .info-box-item.population>span,
#new-section .map-box .info-box .info-box-item.space-area>span{
    width: 65px;
}
#new-section .map-box .info-box .info-box-item.population,
#new-section .map-box .info-box .info-box-item.space-area{
    padding: 15px 10px 15px 25px;
    height: 92px;
}
.map-box .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open ul{
    max-height: 360px !important;
}
.map-box .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open{
    max-height: initial !important;
}
.audits-section{
    z-index: 1000;
    width: 190px;
    height: 60px;
    display: table;
    float: right;
    margin-right: 38px;
    margin-top: 11px;
    cursor: pointer;
}
.audits-section:hover>div>div:first-child{
    background-color: rgba(39, 183, 245, 0.69);
}
.audits-section:hover>div>div:first-child+div{
    background-color: rgba(26, 156, 212, 0.69);
}
.audits-section>div>a>div:first-child{
    width: calc( 100% - 70px );
    background-color: #27b7f5;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.audits-section>div>a>div:first-child+div{
    width: 70px;
    background-color: #1a9cd4;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.audits-section>div>a>div:first-child+div span{
    color: inherit;
}
.audits-section>div>a>div{
    float: left;
    color: #ffffff;
    font-size: 14px;
    padding: 21px 0 19px;
    text-align: center;
}
.municipality-info-box{
    height: 426px;
    max-height: 426px;
    width: 100%;
    display: block;
    position: relative;
    z-index: 10;
    margin-bottom: 0;
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    -o-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.municipality-info-box .municipality-data-1{
    width: 100%;
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    -o-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    z-index: 1500;
    /* height: 100%; */
    background-color: #fff;
}
.municipality-info-box .tab-content>.tab-pane,
.municipality-data-holder{
    position: relative;
    z-index: 10;
}
.municipality-info-box .tab-content>.tab-pane{
    margin-top: 10px;
}
.municipality-info-box .citizen-item{
    position: absolute;
    top: -14px;
    left: 0px;
    margin: 0;
    z-index: 10000;
}

.municipality-transfers-section{

}





.municipality-transfers-section .municipality-choose .citizen-item{
    width: 270px;
}
.municipality-transfers-section .municipality-compare{
    left: 325px;
}
.municipality-transfers-section .municipality-hitmap {
    left: 535px;
}
.municipality-transfers-section .municipality-hitmap-type{
    left: 775px;
}

.municipality-transfers-section .municipality-compare .audits-toggle>span{
    margin-right: 24px;
}




.municipality-info-box .tab-content>.tab-pane .citizen-item{
    position: absolute;
    top: -11px;
}
.municipality-info .municipality-info-box .municipality-data-1{
    width: 0%;
    left: 100%;
    -webkit-transition: width 0.25s ease, left 0.25s ease;
    -moz-transition: width 0.25s ease, left 0.25s ease;
    -o-transition: width 0.25s ease, left 0.25s ease;
    transition: width 0.25s ease, left 0.25s ease;
    width: 0;
    left: 100%;
    /* position: initial; */
    overflow: hidden;
}
.municipality-info.collapsed .municipality-info-box .municipality-data-2{
    left: 0;
    width: 50%;
}
.municipality-info.collapsed .municipality-info-box .municipality-data-1{
    width: 50%;
    left: 50%;
    top: 0;
    overflow: visible;
}
.municipality-info-box.compare.collapse .municipality-data-1{
    -webkit-transform: translateX(-55px);
    transform: translateX(-55px);
    width: calc( 100% + 55px );
}
.municipality-info-box.compare.collapsed .municipality-data-1{
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: calc( 100% + 55px );
}
.municipality-info{
    z-index: 1000;
    -webkit-transition: width 0.25s ease, left 0.25s ease;
    -moz-transition: width 0.25s ease, left 0.25s ease;
    -o-transition: width 0.25s ease, left 0.25s ease;
    transition: width 0.25s ease, left 0.25s ease;
}
.municipality-info.collapsed{
    left: calc( -100% + 20px );
    width: 200%;
}
.municipality-info.compare .left{
    left: -54px;
    z-index: 100;
    width: 55px;
}
.municipality-info .left,
.municipality-info-box .left{
    width: 55px;
    background-color: #27b7f5;
    height: 100%;
    float: left;
    left: 0;
    top: 0;
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: width 0.25s ease, left 0.25s ease;
    -moz-transition: width 0.25s ease, left 0.25s ease;
    -o-transition: width 0.25s ease, left 0.25s ease;
    transition: width 0.25s ease, left 0.25s ease;
}
.municipality-info .left{
    position: absolute;
    border-right: 1px solid #fff;
    left: 10px;
    width: 0;
}
.municipality-info.collapse .left .arrow{

}
.municipality-info .left .arrow:before{
    content: "";
    position: absolute;
    left: 50%;
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
    margin-left: -11px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transition-duration 0.25s ease;
    -moz-transition: -moz-transition-duration 0.25s ease;
    -o-transition: -o-transition-duration 0.25s ease;
    transition: transform 0.25s ease;
    z-index: 1000;
    background-image: url('../img/category-toggle-on.svg');
}
.municipality-info.collapse .left .arrow:before{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.municipality-info.collapsed .left .arrow:before{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.municipality-info-box.collapse .municipality-data-1 .left .arrow{
    margin-right: -5.5px;
}
.municipality-info-box .municipality-data-1 .left .arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10.5px;
    cursor: pointer;
}
.municipality-info-box .municipality-data-1 .left .arrow:before,
.municipality-info-box .municipality-data-1 .left .arrow:after {
    -webkit-transition: -webkit-transition-duration 0.25s ease;
    -moz-transition: -moz-transition-duration 0.25s ease;
    -o-transition: -o-transition-duration 0.25s ease;
    transition: transform 0.25s ease;
}
.municipality-info-box.collapse .municipality-data-1 .left .arrow:before,
.municipality-info-box.collapse .municipality-data-1 .left .arrow:after {
    background: #fff;
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    position: absolute;
    top: 1px;
    left: 0;
}
.municipality-info-box.collapse .municipality-data-1 .left .arrow:before {
    transform: rotate(45deg) translateX(-23%);
    transform-origin: right top;
}
.municipality-info-box.collapse .municipality-data-1 .left .arrow:after {
    transform: rotate(-45deg) translateX(23%);
    transform-origin: right bottom;
    top: 6px;
}
.municipality-info-box.collapsed .municipality-data-1 .left .arrow:before ,
.municipality-info-box.collapsed .municipality-data-1 .left .arrow:after {
    background: #fff;
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    position: absolute;
    top: 1px;
    left: 0;
}
.municipality-info-box.collapsed .municipality-data-1 .left .arrow:before {
    transform: rotate(-45deg) translateX(-23%);
    transform-origin: top right;
}
.municipality-info-box.collapsed .municipality-data-1 .left .arrow:after {
    transform: rotate(45deg) translateX(23%);
    transform-origin: bottom right;
    top: 7px;
}
.municipality-info-box.compare .municipality-data-1 .right{
    width: calc( 100% - 55px );
    height: 100%;
    float: left;
    right: 0;
    top: 0;
}
.municipality-info .municipality-data-2{
    float: none !important;
}
.municipality-info-box .municipality-data-2{
    width: 100%;
    z-index: 1500;
    float: right;
    position: relative;
    background-color: #fff;
    height: 100%;
}
.municipality-info-box.compare{
    width: 100%;
}



.municipality-info .chart-picker .btn-group.open div.dropdown-menu.open{
    min-height: 200px !important;
}


.accordion-plus,
.accordion-minus {
    background-image: url("../img/accordion-minus.svg") !important;
}

.collapsed .accordion-minus ,
.collapsed .accordion-plus {
    background-image: url(../img/drop-down-arrow.svg)  !important;
}



.municipality-info-box .panel-title>a>span.accordion-plus , .municipality-info-box .panel-title>a>span.accordion-minus {
    background-repeat: no-repeat;
    float: right;
    width: 20px;
    height: 19px;
    margin-top: 7px;
    margin-right: 20px;
}
.municipality-info-box .panel-title>a>span.title{

    position: relative;

    line-height: 1.4;
}
.municipality-info-box .panel-title>a{
    color: #333333;
    font-size: 14px;
    padding: 23px 0 21px 30px;
    text-decoration: none;
    display: block;
}
.municipality-info-box .panel-default>.panel-heading{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #f5f5f5;
    padding: 0;
    width: 100%;
}
.municipality-info-box .panel-group .panel{
    border-radius: 0;
    border: 0;
    padding: 0;
}
.municipality-info-box .panel-title>a b{
    background-repeat: no-repeat;
    width: 25px;
    height: 23px;
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 15px;
}
.municipality-info-box .panel-title:nth-child(1)>a b{
    background-image: url('../img/users-icon.svg');
}
.municipality-info-item{
    background-color: #f5f5f5;
    font-size: 12px;
    padding: 4px 75px 2px 25px;
    position: relative;
    color: #333333;
    min-height: 55px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
    line-height: 18px;
}
.municipality-info-item >span,
.municipality-info-item >a>span{
    width: 75px;
    height: 100%;
    padding-left: 20px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}
.municipality-info-item >a>span{


    width: inherit;
    width: initial;
    right: 30px;
}
.municipality-info-item >a>span i{
    margin-left: 2px;
}
.municipality-info-item:hover{
    background-color: #fff;
    color: #27b7f5;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.municipality-info-item >span i{
    height: 5px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.municipality-info-item >span i.up-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #9fd55b;
}
.municipality-info-item >span i.down-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fe546e;
}
.municipality-info-box .collapse.in{
    border-bottom: 1px solid #f5f5f5;
}



.audits-toggle{
    width: calc( 100% - 253px );
    float: left;
    margin-left: 25px;
}
.audits-toggle .audits-toggle-item{
    width: 90px;
    height: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background-color: #f3f3f3;
    -webkit-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
    -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    -o-transition-timing-function: ease-in;  /* Safari and Chrome */
    transition-timing-function: ease-in;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.audits-toggle .audits-toggle-item:before{
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    -o-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
    background-color:#27b7f5;
    width: 65px;
    height: calc( 100% - 2px );
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:  inset 0px 0px 13px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow:  inset 0px 0px 13px 0px rgba(0, 0, 0, 0.14);
    box-shadow:  inset 0px 0px 13px 0px rgba(0, 0, 0, 0.14);
}
.audits-toggle .audits-toggle-item.off:before{
    width: 0;
}
.audits-toggle>span{
    display: block;
    color: #27b7f5;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
}
.audits-toggle>span.off{
    color: #333333;
}
.audits-toggle .audits-toggle-item>span{
    height: 38px;
    width: 41px;
    position: absolute;
    background-color: #fff;
    background-image: url('../img/points.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    -o-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
    right: -2px;
    border: 2px solid  rgb(243, 243, 243);
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    top: -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.audits-toggle .audits-toggle-item.off{
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.08);
}
.audits-toggle .audits-toggle-item.off>span{
    right: 48px;
}
.municipality-pie-box{
    height: 425px;
    width: 100%;
}
.municipality-pie-box-1{
    height: 338px;
    width: 100%;
    overflow: hidden;
}
.municipality-info-title {
    height: 70px;
    display: table;
    width: 500px;
    position: absolute;
    bottom: 15px;
    left: 0;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    z-index: 100;
    background-color: #fff;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    z-index: 1000;
}
.municipality-info-title .left-info{
    float: left;
    width: 70px;
    height: 70px;
    background-color: #27b7f5;
}
.municipality-info-title .left-info b{
    background-image: url('../img/location.png');
    width: 70px;
    height: 70px;
    display: block;
}
.municipality-info-title h2{
    color: #333333;
    font-size: 14px;
    margin: 0;
    padding: 29px 0 26px 30px;
    float: left;
}
.municipality-info-box-subtitle,
.municipality-info-box-title{
    margin: 0;
    font-size: 14px;
    padding: 26px 0 24px 30px;
    border-bottom: 0;
    color: #27b7f5;
}
.municipality-info-box-subtitle{
    color: #333333;
    text-align: center;
    padding: 10px 0 20px 0;
    font-size: 16px;
}
.municipality-info-box-subtitle>span{
    color: #333333;
}
.municipality-info-box-title>span{
    display: block;
    /* height: 15px; */
    overflow: hidden;
    -webkit-transition: opacity 0.9s linear;
    -moz-transition: opacity 0.9s linear;
    -o-transition: opacity 0.9s linear;
    transition: opacity 0.9s linear;
}



.municipality-choose .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
}
.municipality-choose .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a{
    background-color: #54B7F5;
}
.municipality-choose .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a  span{
    color: #fff;
}
.municipality-choose .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a  span.glyphicon-ok:before{
    display: none;
}
.municipality-choose .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a  span.glyphicon-ok{
    background-image: url('../img/arrow-mark.svg');
    width: 11.5px;
    height: 11px;
    display: inline-block;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -5.5px;
}
.municipality-corporate{
    padding: 14px 5.5px;
    display:table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 16px;
}
.municipality-corporate>div{
    float: left;
    width: 12.5%;
}
.municipality-corporate>div>b{
    width: 100%;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 24px;
}
.corporate .municipality-info-item{
    height: 45.7px;
}
.municipality-corporate>div:nth-child(1).active>b{
    background-image: url('../img/corporate-icon-v1-hover.svg');
}
.municipality-corporate>div:nth-child(2).active>b{
    background-image: url('../img/corporate-icon-v2-hover.svg');
}
.municipality-corporate>div:nth-child(3).active>b{
    background-image: url('../img/corporate-icon-v3-hover.svg');
}
.municipality-corporate>div:nth-child(4).active>b{
    background-image: url('../img/corporate-icon-v4-hover.svg');
}
.municipality-corporate>div:nth-child(5).active>b{
    background-image: url('../img/corporate-icon-v5-hover.svg');
}
.municipality-corporate>div:nth-child(6).active>b{
    background-image: url('../img/corporate-icon-v6-hover.svg');
}
.municipality-corporate>div:nth-child(7).active>b{
    background-image: url('../img/corporate-icon-v7-hover.svg');
}
.municipality-corporate>div:nth-child(8).active>b{
    background-image: url('../img/corporate-icon-v8-hover.svg');
}
.municipality-corporate>div:nth-child(1)>b{
    background-image: url('../img/corporate-icon-v1.svg');
}
.municipality-corporate>div:nth-child(2)>b{
    background-image: url('../img/corporate-icon-v2.svg');
}
.municipality-corporate>div:nth-child(3)>b{
    background-image: url('../img/corporate-icon-v3.svg');
}
.municipality-corporate>div:nth-child(4)>b{
    background-image: url('../img/corporate-icon-v4.svg');
    background-size: auto 23px;
}
.municipality-corporate>div:nth-child(5)>b{
    background-image: url('../img/corporate-icon-v5.svg');
}
.municipality-corporate>div:nth-child(6)>b{
    background-image: url('../img/corporate-icon-v6.svg');
    background-size: auto 25px;
}
.municipality-corporate>div:nth-child(7)>b{
    background-image: url('../img/corporate-icon-v7.svg');
    background-size: auto 23px;
}
.municipality-corporate>div:nth-child(8)>b{
    background-image: url('../img/corporate-icon-v8.svg');
    background-size: auto 23px;
}


/* Audit */
.node circle {
    stroke: white;
    stroke-width: 1.5px;
    opacity: 1.0;
}

line {
    stroke: black;
    stroke-width: 1.5px;
    stroke-opacity: 1.0;
}
.audit-visual-filter-box{
    padding: 30px 0 30px;
    background-color: #fff;
    /* border-bottom: 1px solid #f2f2f2; */
    position: relative;
    z-index: 1000;
    /* border-top: 1px solid #f2f2f2; */
}
.audit-visual-filter-box .citizen-item{
    margin-bottom: 0;
    min-height: 60px;
}
.taxrevenues-chart-box .citizen-item .btn-group.bootstrap-select.open .caret,
.municipality-info-box .chart-picker.citizen-item .bootstrap-select.btn-group.open .caret,
.municipality-hitmap .citizen-item .bootstrap-select.btn-group.open .dropdown-toggle .caret,
.costs-control-box>div .costs-box-nav .spender-item-2 .bootstrap-select.btn-group.open .dropdown-toggle .caret,
.audit-visual-filter-box .bootstrap-select.btn-group.open .dropdown-toggle .caret{
    opacity: 0
}
.statistics-body .bootstrap-select,
.audits-table .bootstrap-select,
.audit-visual-filter-box .bootstrap-select {
    max-width: 100%;
}

.audit-visual-filter-box .bootstrap-select {
    border: 1px solid #f2f2f2;
}
.audit-visual-filter-box .bootstrap-select.open{
    border-color: transparent;
}
div.standard-search{
    position: relative;
    color: #fff;
    background-color: #27b7f5;
    text-align: center;
    width: 100%;
    padding: 0 20px 0 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    line-height: normal;
    height: 60px;
}
a.standard-search{
    position: relative;
    color: #fff;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    height: 60px;
    padding-top: 4px;
}
.standard-search:hover{
    color: #fff;
    text-decoration: none;
}
div.standard-search:before{
    content: "";
    left: 20px;
    width: 23px;
    height: 23px;
    top: 50%;
    margin-top: -11.5px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../img/standard-search-icon.svg');
}
.audit-filter-title{

    margin: 22px 0 18px;
}
.audit-filter-box .standard-search:before{
    background-image: url('../img/visual-search-icon.svg');
}
.audit-filter-box.audit-filter-box, .audit-visual-filter-box{

    padding-left: calc( 5% - 10px );

    padding-right: calc( 5% - 10px );
}
.filter-clean-holder{
    float: right;
    width: 100%;
    max-width: 240px;
}
div.visual-filter-clean{
    position: relative;
    display: block;
    color: #fff;
    background-color: #ff5353;
    text-align: center;
    width: 100%;
    padding: 0 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    line-height: normal;
    height: 60px;
    text-align: center;
}
a.visual-filter-clean{
    position: relative;
    display: block;
    color: #fff;
    background-color: #ff5353;
    text-align: center;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    height: 60px;
    padding-top: 4px;
}
.visual-filter-clean:hover{
    color: #fff;
    text-decoration: none;
}
div.visual-filter-clean:before{
    content: "";
    left: 20px;
    width: 25px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../img/filter-clean-icon.svg');
}

.audit-visual-filter-box .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open {
    max-height: 400px !important;
}
.audit-visual-filter-box .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open ul {
    max-height: 300px !important;
}
.audit-view-title{
    /* top: 145px; */
    /* position: absolute; */
    width: 100%;
    line-height: 1.3;
    padding: 30px 0 20px;
    margin: 0 0 30px 0;
    position: relative;
    background-color: #fff;
    z-index: 10000;
}
.audit-view-title:before{
    content: "";
    position: absolute;
    border-bottom: 2px solid #27b7f5;
    width: 180px;
    left: 50%;
    margin-left: -90px;
    bottom: -10px;
}
.audit-result-holder{
    position: relative;
}
.audit-result-category{
    position: absolute;
    top: 5px;
    left: calc( 5% - 10px );
    width: 350px;
}
.audit-legend{
    position: absolute;
    top: 0;
    left: 180px;
}
.audit-legend>div{
    color: #333333;
    font-size: 16px;
    height: 40px;
}
.audit-legend>div span{
    background-color: #cbdae1;
    border-radius: 50%;
    display: inline-block;
}
.audit-legend>div:first-child{
}
.audit-legend>div:first-child+div{
}
.audit-legend>div:first-child span{
    width: 23px;
    height: 23px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}
.audit-legend>div:first-child+div span{
    width: 13px;
    height: 13px;
    margin-right: 16px;
    background-color: rgba(203, 218, 225, 0.5);
    margin-left: 4px;
    border: 1px solid #cbdae1;
    position: relative;
    top: 2px;
}
.audit-result-category>div{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 20px;
    padding: 22px 20px 20px 65px;
    color: #fff;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transition-timing-function: ease-out; /* Safari and Chrome */
    -o-transition-timing-function: ease-out;  /* Safari and Chrome */
    transition-timing-function: ease-out;
    z-index: 150;
}
.audit-result-category.off>div{
    width: 60px;
    padding: 22px 0px 20px 60px;
}
.audit-result-category>div:hover{
    width: 100%;
}
.audit-result-category>div>span{
    position: relative;
    z-index: 1000
}
.audit-result-category>div:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: #555555;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transition-timing-function: ease-out; /* Safari and Chrome */
    -o-transition-timing-function: ease-out;  /* Safari and Chrome */
    transition-timing-function: ease-out;
}
.audit-result-category>div.active:after, .audit-result-category:not(.off)>div:hover:after{
    opacity: 0.4;
}
.audit-result-category>div:before{
    content: "";
    position: absolute;
    left: 20px;
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transition-duration 0.25s ease;
    -moz-transition: -moz-transition-duration 0.25s ease;
    -o-transition: -o-transition-duration 0.25s ease;
    transition: transform 0.25s ease;
    z-index: 1000;
}
.audit-result-category>div:nth-child(2){
    background-color: #ffc001
}
.audit-result-category>div:nth-child(3){
    background-color: #fe546e
}
.audit-result-category>div:nth-child(4){
    background-color: #01c0b9
}
.audit-result-category>div:nth-child(5){
    background-color: #fd775e;
}
.audit-result-category>div:nth-child(6){
    background-color: #9ed45b
}
.audit-result-category>div.category-toggle{
    width: 60px;
    background-color: #33b8f2;
    padding: 31px 0 29px 60px;
}
.audit-result-category>div:nth-child(1):before{
    background-image: url('../img/category-toggle-on.svg');
}
.audit-result-category.off>div:nth-child(1):before{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    -o-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.audit-result-category>div:nth-child(2):before{
    background-image: url('../img/category-icon-1.svg');
}
.audit-result-category>div:nth-child(3):before{
    background-image: url('../img/category-icon-2.svg');
}
.audit-result-category>div:nth-child(4):before{
    background-image: url('../img/category-icon-3.svg');
}
.audit-result-category>div:nth-child(5):before{
    background-image: url('../img/category-icon-4.svg');
}
.audit-result-category>div:nth-child(6):before{
    background-image: url('../img/category-icon-5.svg');
}





.audit-filter-box{
    padding: 33px 0;
    background-color: #fff;
    position: relative;
    z-index: 1000;
}
.filter-audit-name{
    width: 100%;
    border: 0;
    background-color: #f4f6f8;
    color: #333333;
    font-size: 14px;
    outline: none;
    height: 60px;
    padding: 0 70px 0 30px;
}

.audits-table{
    background-color: #fff;
}

.audits-table table thead{
    background-color: #27b7f5;
    width: 100%;
}
.audits-table table thead td{
    color: #fff !important;
    border-left: 1px solid #fff;
}
.audits-table table thead td:first-child{
    border-left: 0;
}

.audits-table table td {
    max-height: 66px;
    color: #333333;
    position: relative;
    border: 0;
    max-height: 60px;
    height: 60px;
    padding-right: 0;
    word-break: break-word;
}
.audits-table table tbody td, .audits-table-result td {
    padding-left: 15px;
    line-height: 24px;
    padding-top: 8px;
    padding-bottom: 5px;
}
.audits-table table tbody td  {
    color: #333333;
}
.audits-table table thead td:nth-child(1){
    padding-left: 15px;
}
.audits-table-result table td:nth-child(1){
    padding-left: calc( 5%  ) !important;
}
.audits-table table tbody td:nth-child(1){
    width: 10%;
    padding-left: 30px;
}
.audits-table table td:nth-child(2){
    width: 20%;
}
.audits-table table td:nth-child(3){
    width: 10%;
}
.audits-table table td:nth-child(4){
    width: 30%;
}
.audits-table table td:nth-child(5){
    width: 10%;
}
.audits-table table td:nth-child(6){
    width: 5%;
}
.audits-table table td:nth-child(7){
    width: 3%;
    max-width: 201px;
    display: none;
}
.audits-table table td:last-child {
    /* border: 0; */
}
.statistics-body .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open,
.audits-table .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open {
    max-height: 442px !important;
    top: -1px;
}
.statistics-body .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open ul,
.audits-table .chart-picker.citizen-item .btn-group.open div.dropdown-menu.open ul {
    max-height: 340px !important;
}
.statistics-body .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.audits-table .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    color: #fff;
}
.statistics-body .bootstrap-select.btn-group button,
.audits-table .bootstrap-select.btn-group button{
    /* padding-left: 0 */
    max-width: 100% !important;
    width: 100% !important;
}
.statistics-body .bootstrap-select.btn-group.open .dropdown-toggle .filter-option,
.audits-table .bootstrap-select.btn-group.open .dropdown-toggle .filter-option{
    color: #333333;
}
.statistics-body .citizen-item,
.audits-table .citizen-item{
    margin-bottom: 0;
}
.audits-table table tr.even{
    background-color: #f7fbfd;
}
.audits-table table tr.odd{
    background-color: #ffffff;
}
.audits-table table tbody tr{
    cursor: pointer;
}
.audits-table .bootstrap-select.btn-group .dropdown-toggle .caret,
.statistics-body .bootstrap-select.btn-group .dropdown-toggle .caret{
    background-image: url('../img/drop-down-arrow-1.svg');
}
.audits-table table tr.on td,
.audits-table table tr.highlight td {
    -webkit-box-shadow: 0 4px 2px -3px rgba(162, 162, 162, 0.25) inset, 0 -4px 2px -3px rgba(162, 162, 162, 0.25) inset;
    -moz-box-shadow: 0 4px 2px -3px  rgba(162, 162, 162, 0.25) inset, 0 -4px 2px -3px rgba(162, 162, 162, 0.25) inset;
    box-shadow: 0 4px 2px -3px  rgba(162, 162, 162, 0.25) inset, 0 -4px 2px -3px rgba(162, 162, 162, 0.25) inset;

    border: 1px solid #27b7f5;
    border-right-width: 0;
    border-left-width: 0;
}
.audits-table table tr.on td:first-child,
.audits-table table tr.highlight td:first-child {
    -webkit-box-shadow: 4px 4px 2px -3px rgba(162, 162, 162, 0.25) inset, 4px -4px 2px -3px rgba(162, 162, 162, 0.25) inset;
    -moz-box-shadow: 4px 4px 2px -3px rgba(162, 162, 162, 0.25) inset, 4px -4px 2px -3px rgba(162, 162, 162, 0.25) inset;
    box-shadow: 4px 4px 2px -3px rgba(162, 162, 162, 0.25) inset, 4px -4px 2px -3px rgba(162, 162, 162, 0.25) inset;
    border-left-width: 1px;
}
.audits-table table tr.on td:last-child,
.audits-table table tr.highlight td:last-child {
    -webkit-box-shadow: -4px 4px 2px -3px rgba(162, 162, 162, 0.25) inset, -4px -4px 2px -3px rgba(162, 162, 162, 0.25) inset;
    -moz-box-shadow: -4px 4px 2px -3px rgba(162, 162, 162, 0.25) inset, -4px -4px 2px -3px rgba(162, 162, 162, 0.25) inset;
    box-shadow: -4px 4px 2px -3px rgba(162, 162, 162, 0.25) inset, -4px -4px 2px -3px rgba(162, 162, 162, 0.25) inset;

    border-right-width: 1px;
}

.bootstrap-select.btn-group .remove{
    opacity: 0;
    color: #27b7f5;
    font-size: 19px;
    top: 16px;
    position: absolute;
    z-index: 150001;
    right: 16px;
    cursor: pointer;
    display: none;
    font-family: 'DejaVu Sans Condensed';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bootstrap-select.btn-group.open .remove{
    opacity: 1;
    display: block;
}
.audits-table-pagination .pagination>li a{
    padding: 11px 0 9px;
    border: 0;
    width: 47px;
    height: 38px;
    text-align: center;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.audits-table-pagination .arrow-right, .audits-table-pagination  .arrow-left{
    display: block;
}
.audits-table-pagination .arrow-left:before{
    background-image: url('../img/arrow-left.svg');
    content: "";
    position: absolute;
    left: 50%;
    width: 16px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    margin-left: -8px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.audits-table-pagination .arrow-left:hover:before{
    background-image: url('../img/arrow-left-hover.svg');
}
.audits-table-pagination .arrow-right:before{
    background-image: url('../img/arrow-right.svg');
    content: "";
    position: absolute;
    left: 50%;
    width: 16px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    margin-left: -8px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.audits-table-pagination .arrow-right:hover:before{
    background-image: url('../img/arrow-right-hover.svg');
}
.audits-table-pagination{
    width: 100%;
}
.audit-view-header{
    height: 95px;
    position: relative;
    margin-bottom: 35px;
    padding-left: 35px;
    margin-top: 20px;
    padding-top: 0px;
}
.audit-view-header:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-left: 5px solid #27b7f5;
    height: 100%;
}
.audit-view-header h2{

    color: #27b7f5;

    font-size: 16px;

    margin-bottom: 18px;

    margin-top: 0;
}
.audit-view-header>div{
    height: 60px;
    border-bottom: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.audit-view-header p{

    margin: 0;

    font-size: 14px;

    color: #333333;
}
.audit-view-back{
    background-color: #edf3f6;
    font-size: 14px;
    color: #333333;
    height: 63px;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    padding: 21px 0 19px;
    margin-top: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding-left: 40px;
}
.audit-view-back:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 32px;
    background-image: url('../img/back-right.svg');
    width: 16px;
    height: 32px;
    background-size: 100% 100%;
    margin-top: -17px;
}
.audit-view-back.costs-back{
    margin-top: 0;
}
.audits-table-result table td:nth-child(1){
    width: 20%;
}
.audits-table-result table td:nth-child(2){
    width: 40%
}
.audits-table-result table td:nth-child(3){
    width: 40%
}
.audits-table-result table tr.off td .long-text{
    display: none;
}
.audits-table-result table tr.on td{
    /* padding: 20px 0 20px 15px; */
}
.audits-table-result table tr td{
    padding: 5px 0 5px 15px;
    webkit-transition: padding 1s ease;
    -moz-transition: padding 1s ease;
    -o-transition: padding 1s ease;
    transition: padding 1s ease;
}
.audits-table table tr.on .short-text{
    display: none;
    text-align: justify;
}
.audits-table-result table tr>td:last-child div{
    padding-right: 130px;
}

.audits-table-result tbody td div{
    color: #333333;
    text-align: justify;
}

.audits-table-result tbody td div.audits-text-holder{
    webkit-transition: max-height 1s linear;
    -moz-transition: max-height 1s linear;
    -o-transition: max-height 1s linear;
    transition: max-height 1s linear;
    overflow: hidden;
}

.audits-table-result tbody tr:not(.off) td div.audits-text-holder{
    padding: 20px 0 20px 0px;
    max-height: 800px !important
}

.audits-table table tr>td .row-toggle{
    display: none;
    position: absolute;
    top: 50%;
    right: 32px;
    width: 16px;
    height: 32px;
    background-size: 100% 100%;
    margin-top: -17px;
}
.audits-table table tr:hover>td .row-toggle{
    display: block;
}
.audits-table table tr.off>td .row-toggle{
    background-image: url('../img/arrow-bottom.svg');
}
.audits-table table tr.on>td .row-toggle{
    display: block;
    background-image: url('../img/arrow-top.svg');
}
#audits-visual .box-item.no-shadow{
}
.audits-visual-container{
    position: relative;
    min-height: 575px;
}
.audits-visual-container .municipality-info-title{
    left: auto;
    top: 63px;
    right: calc( 5% - 10px );
    width: 310px;
}
.audits-visual-container .municipality-info-title h2{
    width: calc( 100% - 70px );
    height: 70px;
    padding: 0 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
}
i{
    font-style: normal
}
.audits-visual-container .municipality-info-title {
    min-height: 70px;
    width: 410px;
}
.audits-visual-container .municipality-info-title h2{
    min-height: 70px;
    margin-left: 70px;
    height: auto;
    padding: 5px 15px;
    font-family: 'DejaVu Sans Condensed';
    line-height: 20px;
}
.audits-visual-container .municipality-info-title div{
    position: absolute;
    height: 100%;
}
.audits-visual-container .municipality-info-title div b{
    position: absolute;
    top: 50%;
    margin-top: -35px;
}
.audit-info-box{
    position: absolute;
    width: 520px;
    right: calc( 5% - 10px );
    top: 5px;
}
.audit-info-title, .audit-info-result, .audit-info-recommendation{
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.audit-view-more a,
.audit-info-title h2,
.audit-info-result h2,
.audit-info-recommendation h2{
    margin: 0;
    background-color: #33b8f2;
    color: #fff;
    font-size: 14px;
    padding: 20px 30px 15px 30px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    -webkit-transition: -webkit-border-radius 0.0s ease;
    -moz-transition: -moz-border-radius 0.0s ease;
    -o-transition: -o-border-radius 0.0s ease;
    transition: border-radius 0.25s ease;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    cursor: pointer;
}
.audit-info-title h2 i,
.audit-info-title h2:before,
.audit-info-result h2 i,
.audit-info-result h2:before,
.audit-info-recommendation h2 i,
.audit-info-recommendation h2:before{
    /* content: ""; */
    background-image: url('../img/category-toggle-off.svg');
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    -webkit-transition: -webkit-transition-duration 0.25s ease;
    -moz-transition: -moz-transition-duration 0.25s ease;
    -o-transition: -o-transition-duration 0.25s ease;
    transition: transform 0.25s ease;
}
.audit-view-more a{
    float: right;
    padding: 20px 30px 15px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.audit-info-box>div.off h2 i{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    -o-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.audit-info-box>div{
    margin-left: 0;
    width: 100%;
    -webkit-transition: width 0.25s ease,margin 0.25s ease;
    -moz-transition: width 0.25s ease,margin 0.25s ease;
    -o-transition: width 0.25s ease,margin 0.25s ease;
    transition: width 0.25s ease,margin 0.25s ease;
}
.audit-info-box>div.off h2{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.audit-info-box>div.off{
    width: 200px;
    margin-left: calc( 100% - 200px );
    overflow: hidden;
}
.audit-info-box>div.off .audit-info-short-holder{max-height: 0; /* Safari */}


.audit-info-title p,.audit-info-result p, .audit-info-recommendation p{

    background-color: #fff;

    color: #a9b9c1;

    font-size: 14px;

    padding: 20px 30px;
}
.audit-info-short-holder{
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease;
    -moz-transition: max-height 0.25s ease;
    -o-transition: max-height 0.25s ease;
    transition: max-height 0.25s ease;
    -webkit-transition-delay:0.25s;
    -moz-transition-delay:0.25s;
    -o-transition-delay:0.25s;
    transition-delay: 0.25s;
}
.audit-info-short-holder .mCustomScrollbarHolder{
    max-height: 100px;
}
/* capitalprojects */
.menu-tree-box{
    padding-bottom: 75px;
    padding-top: 31px;
    position: relative;
}
.menu-tree-box .root{
    height: 100px;
    padding: 0 50px;
    width: 500px;
    text-align: center;
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -wbkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    margin: 0 auto;
    background-color: #27b7f5;
}
.menu-tree-box .root:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    height: 46px;
    width: 60px;
    margin-left: -30px;
    background-color: #27b7f5;
    z-index: 100;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.menu-tree-box .root b{
    width: 25px;
    height: 30px;
    margin-right: 20px;
    background-image: url(../img/capital-project-icon.svg);
    background-size: 100% 100%;
}
.menu-tree-box .root h2{
    color: #fff;
    font-size: 14px;
    margin: 0;
    line-height: 22px;
    position: relative;
    z-index: 1000;
}
.menu-tree-edges{
    display: table;
    width: 610px;
    height: 113px;
    margin: 0 auto;
    position: relative;
}
.menu-tree-edges.second{
    width: 369.5px;
}
.menu-tree-edges .middle{
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
}
.menu-tree-edges .left{
    position: absolute;
    left: 0;
    top: 0;
    width: calc( 50% - 10px );
    height: 100%;
    /* background-image: url(../img/tree-edge-left.png); */
    background-size: 100% 100%;
    overflow:hidden;
}
.menu-tree-edges .left:before{
    content: "";
    position: absolute;
    height: 330px;
    border-right: 2px solid #f2f2f2;
    -ms-transform: rotate(69deg); /* IE 9 */
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform: rotate(69deg);/* Chrome, Safari, Opera */
    -ms-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform: rotate(69deg);
    transform-origin: 0 0;
    right: 0;
}
.menu-tree-edges .right:before{
    content: "";
    position: absolute;
    height: 330px;
    border-right: 2px solid #f2f2f2;
    -ms-transform: rotate(-69deg); /* IE 9 */
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform: rotate(-69deg);/* Chrome, Safari, Opera */
    -ms-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform: rotate(-69deg);
    transform-origin: 0 0;
    left: 0;
}
.menu-tree-edges .right{
    position: absolute;
    right: 0;
    top: 0;
    width: calc( 50% - 10px );
    height: 100%;
    /* background-image: url(../img/tree-edge-right.png); */
    background-size: 100% 100%;
    overflow: hidden;
}
.first-edge{
    display: table;
    width: 1128px;
    max-width: 100%;
    margin: 0 auto;
}
.first-edge>div a{
    width: 100%;
}
.first-edge>div{
    height: 126px;
    text-align: center;
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -wbkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    width: calc( 33.33% - 26px );
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    padding-top: 6px;
}
.first-edge>div .text-middle{
    height: 100%;
    min-width: 100%;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.first-edge>div:hover .text-middle {/*
    width: calc( 100% - 80px );
    min-width: calc( 100% - 80px );*/
}
.first-edge>div div.left-block {
    right: -80px;
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    background-color: #27b7f5;
    -webkit-transition: right 0.7s ease;
    -moz-transition: right 0.7s ease;
    -o-transition: right 0.7s ease;
    transition: right 0.7s ease;
}
.first-edge>div div.left-block  i {
    width: 30px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -7.5px;
    margin-left: -15px;
    background-image: url('../img/arrow-icon.svg');
}
.first-edge>div:hover div.left-block {
    right: 0;
}
.first-edge>div.dark-green:before,
.first-edge>div.blue:before,
.first-edge>div.green:before{
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    top: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    left: 0;
}


.first-edge>div.green:before{
    background-color: #2cc386;
}
.first-edge>div.blue:before{
    background-color: #ff7659;
}
.first-edge>div.dark-green:before{
    background-color: #38bcbf;
}
.first-edge>div span{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333333;
}
.first-edge>div span i{
    font-size: 11px;
}
.first-edge>div.child-v2{
    margin: 0 39px;
}
.first-edge .child-v3 h2{
    text-align: center;
}
.first-edge>div div {
    width: 100%;
}
.first-edge>div div b{
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 18px;
}
.first-edge>div h2{
    color: #333333;
    margin: 0;
    font-size: 14px;
    text-align: left;
    padding-left: 35px;
    line-height: 1.6;
    height: 44px;
    padding-right: 35px;
    text-align: center;
}
.second-edge{
    display: table;
    width: 739px;
    max-width: 100%;
    margin: 0 auto;
}
.second-edge>div span{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333333;
}
.second-edge>div span i{
    font-size: 11px;
}

.second-edge>div .text-middle{
    height: 100%;
    min-width: 100%;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.second-edge>div:hover .text-middle {/*
    width: calc( 100% - 80px );
    min-width: calc( 100% - 80px );*/
}
.second-edge>div{
    height: 120px;
    text-align: center;
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -wbkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: calc( 50% - 19.5px );
    float: left;
    position: relative;
    overflow: hidden;
}
.second-edge>div div.left-block {
    width: 100%;
}
.second-edge>div div.left-block {
    right: -80px;
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    background-color: #27b7f5;
    -webkit-transition: right 0.7s ease;
    -moz-transition: right 0.7s ease;
    -o-transition: right 0.7s ease;
    transition: right 0.7s ease;
}
.second-edge>div div.left-block  i {
    width: 30px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -7.5px;
    margin-left: -15px;
    background-image: url('../img/arrow-icon.svg');
}
.second-edge>div:hover div.left-block {
    right: 0;
}

.second-edge>div.child-v2{
    margin: 0 0 0 39px;
}
.second-edge>div a{
    width: 100%;
}



.second-edge>div div b{
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 18px;
}
.second-edge>div h2{
    color: #333333;
    margin: 0;
    font-size: 14px;
    text-align: left;
    padding-left: 35px;
}

.first-edge .child-v1 b{
    background-image: url('../img/edge-1-icon.svg');
}
.first-edge .child-v2 b{
    background-image: url('../img/edge-2-icon.svg');
}
.first-edge .child-v3 b{
    background-image: url('../img/edge-3-icon.svg');
}
.second-edge .child-v1 b{
    background-image: url('../img/edge-4-icon.svg');
}
.second-edge .child-v2 b{
    background-image: url('../img/edge-5-icon.svg');
}
.capitalprojects-chart-box{

}
.capitalprojects-chart-box .ls-sm-5>div{
    height: 300px;
    overflow: hidden;
    padding-top: 10px;
}
.capitalprojects-chart-box .ls-sm-5>div .chart-info{
    top: 15px;
    right: 15px;
}
.capitalprojects-chart-box div .export-down{
    top: 5px;
    right: 64px;
}
.capitalprojects-chart-box .ls-sm-5 {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
}
.capitalprojects-chart-box .box-item>div{
    padding-top: 15px;
}
.capitalprojects-chart-box .box-item .chart-info{

    top: 20px;
}
.capitalprojects-chart-box .box-item>div>div{

    height: 300px;
}
/* Trafic sources */
.transfer-item-box{
    padding-top: 30px;
    padding-bottom: 20px;
}
.asoc-items{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    vertical-align: top;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    padding: 0 5%;
}
ul.asoc-item {
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 5px 0 20px;
}
.asoc-item {
    padding: 0px 0 20px;
    position: relative;
    min-height: calc( 100vh - 350px );
    /* max-height: calc( 100vh - 350px ); */
}
.transfer_item_1 h2{
    color: #00bbd6;
}
.transfer_item_1 i{
    background-image: url('../img/bk-icon-1.svg');
}
.transfer_item_1 .transfer-item:hover>div:first-child, .transfer_item_1 .transfer-item:hover>div:first-child+div span{
    color: #00bbd6;
}
.transfer_item_2 h2{
    color: #fe8a57;
}
.transfer_item_2 i{
    background-image: url('../img/bk-icon-2.svg');
}
.transfer_item_2 .transfer-item:hover>div:first-child, .transfer_item_2 .transfer-item:hover>div:first-child+div span{
    color: #fe8a57;
}
.transfer_item_3 h2{
    color: #01c0b9;
}
.transfer_item_3 i{
    background-image: url('../img/bk-icon-3.svg');
}
.transfer_item_3 .transfer-item:hover>div:first-child, .transfer_item_3 .transfer-item:hover>div:first-child+div span{
    color: #01c0b9;
}
.transfer_item_4 h2{
    color: #acdb72;
}
.transfer_item_4 i{
    background-image: url('../img/bk-icon-4.svg');
}
.transfer_item_4 .transfer-item:hover>div:first-child, .transfer_item_4 .transfer-item:hover>div:first-child+div span{
    color: #acdb72;
}
.transfer_item_0 h2{
    color: #ffc001;
}
.transfer_item_0 i{
    background-image: url('../img/bk-icon-5.svg');
}
.transfer_item_0 .transfer-item:hover>div:first-child, .transfer_item_0 .transfer-item:hover>div:first-child+div span{
    color: #ffc001;
}

.asoc-item .transfer-item-holder{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.asoc-item .transfer-item-header{
    height: 90px;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 84px;
    margin-top: 10px;
}
.asoc-item .transfer-item-header i{
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    float: left;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -22px;
}.asoc-item .transfer-item-header h2{
     font-size: 16px;
     display: block;
     margin: 0;
     text-align: left;
     padding-right: 48px;
     float: left;
 }
.asoc-item .transfer-item {
    width: 100%;
    display: table;
    margin-bottom: 10px;
}
.transfer-item.even {

    background-color: #f8fbfd;
}
.asoc-item .transfer-item >div:first-child{
    width: calc( 100% - 177px );
    color: #333333;
    float: left;
    padding-left: 20px;
    min-height: 68px;
    text-align: left;
}
.asoc-item .transfer-item >div:first-child+div{
    width: 177px;
    float: left;
    position: relative;
    text-align: center !important;
    height: 68px;
}
.asoc-item .transfer-item >div:first-child+div:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    border-left: 1px solid rgba(173, 219, 114, 0.27);
    height: 18px;
}
.asoc-item .transfer-item >div:first-child+div span{
    width: 100%;
    color: #333333;
    font-size: 14px;
}
.municipality-info-box.capitalprojects-info-box{
    height: 391px;
}
.municipality-info-box.capitalprojects-info-box .municipality-data-1 .left{
    height: 391px;
}

.municipality-info-box .chart-info:nth-child(1){
    top: 0;
}

.municipality-info-box .chart-info:nth-child(2){
    top: 290px;
}


.municipality-pie-box.capitalprojects-pie-box{
    height: 458px;
}
#owl-main-menu{
    margin-top: 17px;
    padding: 0 45px;
}

#owl-index-menu{
    padding: 0 45px;
}
#owl-index-menu .owl-wrapper-outer,
#owl-main-menu .owl-wrapper-outer {
    overflow: hidden;
}
#owl-index-menu .owl-wrapper-outer .owl-wrapper .owl-item,
#owl-main-menu .owl-wrapper-outer .owl-wrapper .owl-menu-item{
    padding: 0 10px;
}
.owl-prev, .owl-next{
    position: absolute;
    top: 50%;
    margin-top: -23px;
}
.owl-prev{
    left: 20px;
}
.owl-next{
    right: 20px;
}
.owl-prev i, .owl-next i{
    width: 12px;
    height: 26px;
    display: block;
    cursor: pointer;
}
.owl-prev .icon-chevron-left{
    background-image: url('../img/arrow-meun-left.svg');
}
.owl-next .icon-chevron-right{
    background-image: url('../img/arrow-meun-right.svg');
}
.fixed-table{
    display: table;
    table-layout: fixed;
}



/* Main page */
.main-box{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 20px;
    display: table;
    width: 100%;
}
.main-box-header{
    height: 65px;
    font-size: 16px;
    text-align: left;
    padding-left: 18px;
}
.main-box-item{
    height: 93px;
    font-size: 14px;
    text-align: left;
    padding-left: 27px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.main-box-item span{
    font-size: 28px;
    display: block;
}
.main-box-1{
    background-color: #3581f1;
}
.main-box-1 .main-box-header{
    background-color: #2a6dcf;
}
.main-box-2{
    background-color: #00b6de;
}
.main-box-2 .main-box-header{
    background-color: #1fa9c8;
}
.main-box-3{
    background-color: #f26175;
}
.main-box-3 .main-box-header{
    background-color: #df5568;
}
.main-box-4{
    background-color: #ff7659;
}
.main-box-4 .main-box-header{
    background-color: #e2674d;
}
.main-box-5{
    background-color: #8fbe55;
}
.main-box-5 .main-box-header{
    background-color: #81ac4c;
}
.main-box-6{
    background-color: #9e7ac2;
}
.main-box-7{
    background-color: #8568a2;
}
.main-box-5 .main-box-item, .main-box-6 .main-box-item, .main-box-7 .main-box-item{
    height: 136px;
}
.main-box-6, .main-box-7, .main-box-item.half{
    width: 50%;
    float: left;
}
.main-box .main-box-item.half:nth-child(odd) {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.main-box.main-box-6 .main-box-item.half:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.main-box-7{
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.main-box-6{
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: visible;
}
.main-box-5 .main-box-item, .main-box-6 .main-box-item, .main-box-7 .main-box-item{
    padding-left: 0;
    text-align: center;
}
.main-box-5 .main-box-item div,.main-box-6 .main-box-item div, .main-box-7 .main-box-item div{
    width: 100%;
}
.main-box-5 .main-box-header, .main-box-6 .main-box-header{
    padding-left: 37px;
}
.main-box-7 .main-box-header {
    padding-left: 67px;
}
.main-box-6 .main-box-header{
    position: relative;
}
.main-box-6 .main-box-header:after{
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    border-left: 20px solid #9e7ac2;
    z-index: 100;
}
.main-box-6 .main-box-header>div:after, .main-box-6 .main-box-header>div:before{
    content: '';
    background-color: rgba(255, 255, 255, 0.3);
    display: block;
    width: 1px;
    height: 39px;
    position: absolute;
    top: -0.5px;
    right: 0;
    z-index: 101;
}
.main-box-6 .main-box-header>div:after{
    transform: rotate(33deg);
    transform-origin: bottom right;
    top: 27px;
}
.temp-hide{
    display: none;
}
.main-box-6 .main-box-header>div:before{
    transform: rotate(-33deg);
    transform-origin: top right;
}
.navbar-default .navbar-nav>li a:before, .navbar-default .navbar-nav>li:before, .navbar-default .navbar-nav>li.open a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 2px solid transparent;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 0.25s linear, border-bottom 0.25s linear;
    -moz-transition: color 0.25s linear, border-bottom 0.25s linear;
    -o-transition: color 0.25s linear, border-bottom 0.25s linear;
    transition: color 0.25s linear, border-bottom 0.25s linear;
}


/* Budgeting */
#budgeting .municipality-info-box{
    height: 670px;
    max-height: 670px;
    display: block;
}
#budgeting .municipality-info-box .panel-title>a{
    padding: 2px 160px 0 20px;
    height: 54px;
    display: table-cell;
    vertical-align: middle;
}
#budgeting .municipality-info-box .priority-price{
    text-align: left;
    float: right;
    margin-left: 30px;
    position: absolute;
    right: 35px;
    top: 50%;
    margin: -5px 0 0 0;
}
#budgeting .municipality-info-box .priority-price .GEL{
    font-size: 12px;
}
#budgeting .municipality-info-box .panel-title>a .accordion-plus,
#budgeting .municipality-info-box .panel-title>a .accordion-minus{
    position: absolute;
    top: 50%;
    margin: -5px 0 0 0;
    width: 16px;
    height: 8px;
    background-size: 16px 8px;
    right: 10px;
}
#budgeting .panel-title{
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    line-height: 1.5;
}
#budgeting .panel>div:nth-last-child(2){
    border-bottom: 0;
}
#budgeting .municipality-info-item {
    padding: 7px 140px 5px 25px;
    min-height: 55px;
    height: auto;
    color: #333333;
}#budgeting  .bootstrap-select {
     z-index: 1000000;
     width: 100%;
     max-width: 100%;
     border-bottom: 2px solid #f5f5f5;
 }
#budgeting .panel-body .dropdown-menu{
    position: relative;
    width: 100%;
    float: none;
}
#budgeting .panel-body .dropdown-menu .municipality-info-item {
    padding-left: 40px;
}
#budgeting .municipality-info-item.parent-item{
    background-color: #ececec;
    padding: 7px 130px 5px 25px;
    position: relative;
}

#budgeting .panel-body .dropdown-toggle{
    position: absolute;
    z-index: 10;
    top: 19px;
    right: 10px;
}
#budgeting .panel-body .dropdown-toggle .caret{
    border: 0;
    background-image: url('../img/drop-down-arrow.svg');
    width: 16px;
    height: 8px;
    background-size: 16px 8px;
    margin-top: 4px;
    display: block;
    position: relative;
    right: 1px;
}

#budgeting .bootstrap-select.btn-group .dropdown-toggle .caret{
    width: 16px;
    height: 8px;
    background-size: 16px 8px;
    right: 26px;
}
#budgeting .panel-body .open-in .dropdown-toggle .caret,
#budgeting .panel-body .open .dropdown-toggle .caret{

    background-image: url("../img/accordion-minus.svg");
}
.budgeting-scheme .box-item-header{
    padding: 25px 0 40px;
    font-size: 18px;
    margin: 0;
}
.scheme-holder{
    display: table;
    margin: 0 auto;
}
.scheme-holder div.node{
    width: 232px;
    height: 69px;
    display: table-cell;
    vertical-align: middle;
    background-color: #2dd38f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.scheme-holder div.edge{
    height: 69px;
    width: 167px;
    position: relative;
}
.scheme-holder div.edge:before{
    content: "";
    position: absolute;
    top: 0;
    margin-left: -1px;
    left: 50%;
    height: 100%;
    border-left: 2px solid #2dd38f;
}
.scheme-holder div.edge:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:  50%;
    border: 2px solid #2dd38f;
    background-image: url('../img/scheme-arrow-old.svg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #fff;
}
.new-scheme{
    padding-top: 0;
    padding-bottom: 0;
}
.new-scheme .scheme-holder div.node{
    background-color: #27b7f5;
    width: 280px;
}

.new-scheme .scheme-holder div.edge:before{
    border-left: 2px solid #27b7f5;
}
.new-scheme .scheme-holder div.edge:after{
    border: 2px solid #27b7f5;
    background-image: url('../img/scheme-arrow-new.svg');
}
.new-scheme .scheme-holder div.edge{
    width: 69px;
}
.new-scheme .scheme-holder>div.generic-nodes:first-child{
    height: 69px;
    display: table;
    margin: 0 auto;
    width: 533px;
}
.new-scheme .scheme-holder>div.middle-nodes{
    width: 420px;
    height: 69px;
}
.new-scheme .scheme-holder>div.middle-line-nodes{
    width: 320px;
    height: 69px;
}

.new-scheme .scheme-holder>div.middle-nodes>div{
    display: none;
}
.scheme-legend{
    height: 45px;
}
.scheme-legend>span{
    font-size: 12px;
    margin-left: 55px;
    display: inline-block;
    position: relative;
    padding-left: 26px;
}
.scheme-legend>span:before{
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.scheme-legend>span:first-child{
    color: #2dd38f;
}
.scheme-legend>span:first-child:before{
    background-color: #2dd38f;
}
.scheme-legend>span:first-child+span{
    color: #27b7f5;
}
.scheme-legend>span:first-child+span:before{
    background-color: #27b7f5;
}
.new-scheme .scheme-holder div.edge.middle-line{
    width: 148px;
    display: table-cell;
}
.new-scheme .scheme-holder div.edge.middle-line.top:before,
.new-scheme .scheme-holder div.edge.middle-line.bottom:before{
    border: 0;
    height: calc( 100% + 2px );
    background-size: 100% 100%;
    top: -1px;
    left: 0;
    margin: 0;
}
.new-scheme .scheme-holder div.edge.middle-line.top:before{
    background-image: url(../img/middle-line-top.svg);
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}
.edge.middle-line.top:after{
    -ms-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.new-scheme .scheme-holder div.edge.middle-line.bottom:before{
    background-image: url(../img/middle-line-bottom.svg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
.edge.middle-line.bottom:after{
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
.left-space{
    padding-left: 295px;
}
.budgeting-violation{
    width: 100%;
    display: table;
}
.budgeting-violation>div{
    float: left;
    width: 50%;
    background-color: #f5f5f5;
}
.budgeting-violation>div:first-child.first-line,
.budgeting-violation>div:first-child.left-line,
.budgeting-violation>div:first-child+div.first-line,
.budgeting-violation>div:first-child+div.left-line{
    color: #333333;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
    padding: 35px 0 33px;
    background-color: #fff;
}
.budgeting-violation>div.border-right{
    border-right: 1px solid #f5f5f5;
}
.budgeting-violation>div.border-bottom{
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
}
.myAccordion .panel-heading{
    padding: 0;
}
.myAccordion .panel-title>a {
    padding: 2px 50px 0 50px;
    height: 82px;
    display: table-cell;
    vertical-align: middle;
    color: #73909D;
    font-size: 16px;
    line-height: 20px;
}
.myAccordion .panel-title>a .accordion-minus,
.myAccordion .panel-title>a .accordion-plus {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -5px 0 0 0;
    height: 10px;
    background-repeat: no-repeat;
    float: right;
    width: 20px;
}
.myAccordion .panel-body{
    padding: 38px 58px;
    background-color: #f5f5f5;
    color: #333333;
    font-size: 14px;
    line-height: 22px;
}
.budgeting-violation>div.prog-title{
    color: #27b7f5;
    font-size: 14px;
    text-align: left;
    padding: 28px 10px 26px 50px;
}
.budgeting-violation>div.left-line{
    position: relative;
    padding: 0 0 0 92px !important;
    height: 108px;
    width: 100%;
    background-color: #fff;
}
.budgeting-violation>div.left-line:before{
    position: absolute;
    content: "";
    top: 26px;
    left: 50px;
    height: 56px;
    border-left: 5px solid #27b7f5;
}
.budgeting-violation>div.left-line>div{
    float: left;
    width: 50%;
    text-align: left;
}
.budgeting-violation.budgeting-violation-info>div.left-line>div:first-child{
    width: 40%;
}

.budgeting-violation.budgeting-violation-info>div.left-line>div:first-child+div{
    width: 60%;
    padding: 0 80px 0 30px;
}


.budgeting-violation>div.left-line>div p,
.budgeting-violation>div.left-line>div h1{
    font-size: 16px;
    text-align: left;
    margin: 0;
    color: #333333;
    display: table-cell;
    height: 108px;
    vertical-align: middle;
    line-height: 1.3;
    padding: 15px 0;
}
.budgeting-violation>div:first-child.left-line h1{
    font-weight: bold;
    font-size: 18px;
}
.budgeting-violation>div:first-child.left-line h1 span{

    font-size: 14px;

    margin-left: 50px;
}
.budgeting-violation.budgeting-violation-info .decription{
    min-height: 138px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}


.budgeting-violation.budgeting-violation-info .decription .row-toggle {
    background-image: url("../img/accordion-plus.svg");
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -5px 0 0 0;
    height: 10px;
    background-repeat: no-repeat;
    float: right;
    width: 20px;
    webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
}

.budgeting-violation.budgeting-violation-info .decription.open-in .row-toggle {

    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);

}




.budgeting-violation.budgeting-violation-info .decription .short-text{
    webkit-transition: opacity 0s ease 1s, max-height 1s ease;
    -moz-transition: opacity 0s ease 1s, max-height 1s ease;
    -o-transition: opacity 0s ease 1s, max-height 1s ease;
    transition: opacity 0s ease 1s, max-height 1s ease;
}
.budgeting-violation.budgeting-violation-info .decription.open-in .short-text{
    webkit-transition: opacity 0s ease, max-height 1s ease;
    -moz-transition: opacity 0s ease, max-height 1s ease;
    -o-transition: opacity 0s ease, max-height 1s ease;
    transition: opacity 0s ease, max-height 1s ease;
    opacity: 0
}
.budgeting-violation.budgeting-violation-info .decription .long-text{
    webkit-transition: opacity 0s ease 1s, max-height 1s ease;
    -moz-transition: opacity 0s ease 1s, max-height 1s ease;
    -o-transition: opacity 0s ease 1s, max-height 1s ease;
    transition: opacity 0s ease 1s, max-height 1s ease;
}
.budgeting-violation.budgeting-violation-info .decription.open-in .long-text{
    webkit-transition: opacity 0s ease, max-height 1s ease;
    -moz-transition: opacity 0s ease, max-height 1s ease;
    -o-transition: opacity 0s ease, max-height 1s ease;
    transition: opacity 0s ease, max-height 1s ease;
    opacity: 0
}
.budgeting-violation.budgeting-violation-info .decription .short-text{
    overflow: hidden;
    display: block;
    height: auto;
    max-height: 138px;
    position: absolute;
    top: 0;
    width: calc( 100% - 120px );
    left: 30px;
}
.budgeting-violation.budgeting-violation-info .decription .long-text{
    max-height: 125px;
    overflow: hidden;
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    opacity: 0;
    display: block;
    height: auto;
}
.budgeting-violation.budgeting-violation-info .decription.open-in .long-text{
    max-height: 800px;
    opacity: 1;
    display: block;
}

.budgeting-violation>div.left-line>div p{
    font-size: 16px;
    line-height: 26px;
    padding: 30px 0;
    margin: 0;
    display: block;
    height: auto;
}
.budgeting-violation>div.left-line>div>div{
    color: #27b7f5;
    display: table-cell;
    height: 108px;
    vertical-align: middle;
}
.budgeting-violation>div.left-line>div>div span{
    color: #333333;
    display: block;
    margin-top: 10px;
}

#budgeting .ls-sm-16 .budgeting-violation{
    width: 100%;
    display: table;
    background-color: #f5f5f5;
}
.budgeting-violation>div.full-row{
    width: 100%;
}
.budgeting-violation>div.full-row>div{
    width: 50%;
    float: left
}
.properties-holder{
    border-bottom: 2px solid #f5f5f5;
    height: 114px;
}
.properties-list{
    padding: 0 50px 0;
}
.properties-list .properties-holder:last-child{
    border: 0
}
.properties-holder .ls-xs-20>div:first-child{
    vertical-align: middle;
    width: 350px;
}
.properties-holder .ls-xs-20>div{
    float: left;
    height: 114px;
    padding: 10px 0;
}
.properties-holder .ls-xs-20>div:first-child h2{
    font-size: 14px;
    color: #333333;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.properties-holder .ls-xs-20>div:first-child+div{
    width: calc( 100% - 350px );
}
.index-title-holder{
    width: 100%;
    display: table;
    border-bottom: 2px solid #f5f5f5;
    padding: 8px 5px;
}
.index-title{
    height: 67px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    text-align: center;
    font-size: 16px;
    padding: 0 50px;
    line-height: 1.5;
}
.open-index-box{
    float: left;
    width: 50%;
    border-bottom: 1px solid #f5f5f5;
    height: 202px;
    max-height: 202px;
    overflow: hidden;
    padding: 10px 15px;
}

.open-index-box.main-index{
    border-right: 1px solid #f5f5f5;
    width: 55%;
}
.open-index-box.small-index{
    width: 45%;
}
.new-index-box .open-index-box.full-index{
    width: 100%;
    height: auto;
    padding: 20px 15px;
}


.new-index-box .open-index-box.full-index h3{

    height: 50px;

    padding-bottom: 15px;
}

.open-index-box>div:first-child{

}
.index-box{
    display: table;
    width: 100%;
}
.open-index-box i{
    height: 5px;
    display: inline-block;
    position: relative;
    top: -7px;
}
.open-index-box .up-arrow{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #9fd55b;
}
.open-index-box .down-arrow{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fe546e;
}
.open-index-box h3{
    color: #27b7f5;
    font-size: 22px;
    margin: 0;
    height: 92px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 15px;
}
.open-index-box.main-index h3{
    font-size: 38px;
}
.open-index-box.main-index h2{
}
.open-index-box.main-index h3 i{

    top: -18px;
}
.open-index-box h2{
    color: #333333;
    font-size: 14px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 1.5;
}
.open-index-box p{
    color: #9bb8c5;
    margin: 0;
}
.ggi-index{
    display: table;
    width: 100%;
    border-bottom: 2px solid #f5f5f5;
}
.index-box .ggi-index:last-child{
    border-bottom: 0;
    border-bottom: 1px solid transparent;
}
.index-box .open-index-box:last-child{
    border-bottom: 0;
}
.index-box .open-index-box:nth-last-child(2){
    border-bottom: 0;
}
.index-box .human-index-item:last-child{
    border-bottom: 0;
}
.index-box .human-index-item:nth-last-child(2){
    border-bottom: 0;
}
.ggi-index-title{
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    height: 77px;
    padding-left: 15px;
    color: #333333;
    font-size: 15px;
}
.ggi-index .progress-bar-container{
    height: 77px;
}
.ggi-index .progress-bar-container .progress-bar-pc{
    margin-top: 10px;
}
.human-index-item {
    float: left;
    width: 50%;
}
.human-index, .human-index-item {
    border-bottom: 2px solid #f5f5f5;
}
.human-index{
    display: table;
    width: 100%;
}
.human-index h2{
    height: 48px;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    color: #333333;
    font-size: 14px;
    margin: 0;
    padding: 0 15px;
}
.human-index h2 span.place{
    width: 43px;
    display: inline-block;
    padding-left: 10px;
}


.human-index-item.border-right{
    border-right: 2px solid #f5f5f5;
}
.human-index.bk-color{
    background-color: #27b7f5;
}
.human-index.bk-color h2{
    color: #fff;
    height: 59px;
}
.human-index-item{

}
.human-index-holder{
    height: 86px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
    color: #333333;
    font-size: 14px;
}
.human-index-holder .index-value{
    color: #27b7f5;
    font-size: 16px;
    font-weight: 600;
}
.pefa-holder .panel-group .panel {
    border-radius: 0;
    border: 0;
    padding: 0;
}
.pefa-holder .panel-default>.panel-heading {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #f5f5f5;
    padding: 0;
    width: 100%;
}
.pefa-holder .panel-title>a {
    color: #333333;
    font-size: 14px;
    padding: 23px 0 21px 20px;
    text-decoration: none;
    display: block;
}
.pefa-holder .panel-title>a>span.title {
    position: relative;
    display: inline-block;
    width: calc( 100% - 210px );
}
.pefa-holder span.year-list {
    position: absolute;
    display: inline-block;
    max-width: 160px;
    text-align: right;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: right;
    right: 50px;
    top: 0;
}
.pefa-holder span.year-list span{
    padding: 5px 10px;
    position: relative;
    display: inline-block;
    width: 52px;
    text-align: center;
}
.pefa-holder .pefa-index-item span.year-list span{

    color: #333333;

    font-size: 14px;
}
.pefa-holder .panel-title>a>span.year-list span:before{
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    border-right: 2px solid #f5f5f5;
    height: 100%;
}
.pefa-holder .panel-title>a>span.year-list>span:last-child:before{
    border: 0;
}
.pefa-holder .panel-title>a>span.accordion-plus, .pefa-holder .panel-title>a>span.accordion-minus {
    background-repeat: no-repeat;
    width: 20px;
    height: 11px;
    margin-top: -5.5px;
    position: absolute;
    top: 50%;
    right: 20px;
}
.pefa-index-item{
    background-color: #f5f5f5;
    padding: 20px 30px;
    position: relative;
}
.pefa-index-item.sub-index{
    background-color: #ececec;
    width: 100%;
    padding: 20px 25px;
    color: #333333;
    font-size: 14px;
}
.pefa-index-text{
    position: relative;
    display: inline-block;
    width: calc( 100% - 210px );
    color: #333333;
    font-size: 14px;
}
.pefa-holder{

    min-height: 473px;

    max-height: 473px;
}
.cpia-index-box{
    border-top: 1px solid #f5f5f5;
    overflow: hidden;
    padding: 10px 15px;
}
.cpia-index-box.desc{
    height: 210px;
}
.cpia-index-box p {
    color: #333333;
    margin-bottom: 10px;
    font-size: 14px;
}
.cpia-index-box.cpia-line-box{
    height: 263px;
    padding: 10px 0;
}
.cpia-index-box.cpia-line-box > div{
    margin: 44px 0 20px;
}
.purchases-tabs{
    text-align: center;
    margin-bottom: 45px;
}


.purchases-tabs>div:before{
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    top: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    left: 0;
}

.purchases-tabs>div .chart-info{

    top: 24.5px;
}



.purchases-tabs>div:nth-child(1):before{
    background-color: #2cc386;
}
.purchases-tabs>div:nth-child(2):before{
    background-color: #ff7659;
}
.purchases-tabs>div:nth-child(3):before{
    background-color: #38bcbf;
}


.purchases-tabs>div:nth-child(1):hover,
.purchases-tabs>div:nth-child(1).active{
    color: #2cc386;
}
.purchases-tabs>div:nth-child(2):hover,
.purchases-tabs>div:nth-child(2).active{
    color: #ff7659;
}
.purchases-tabs>div:nth-child(3):hover,
.purchases-tabs>div:nth-child(4).active{
    color: #38bcbf;
}


.purchases-tabs>div{
    color: #333333;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    width: 365px;
    display: inline-block;
    max-width: 24.5%;
    margin: 0 19px;
    padding: 33px 0 30px;
    font-size: 14px;
    position: relative;
}
.purchases-tabs>div:hover,
.purchases-tabs>div.active{/*
    color: #fff;
    background-color: #27b7f5;*/
}
.purchases-items-holder{
    padding: 0 75px 80px;
}
.purchases-item{position: relative;}
.purchases-item-title{
    position: relative;
    width:425px;
    height: 110px;
    color: #333333;
    font-size: 16px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    display: table;
    text-align: left;
    background-color: #fff;
    z-index: 10;
}
.purchases-item-title>div{
    position: relative;
    width:425px;
    height: 110px;
    color: #333333;
    font-size: 16px;
    display: table;
    text-align: left;
    background-color: #fff;
    z-index: 10;
    max-width: 100%;
}
.purchases-item-title h2{
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: inherit;
    padding: 2px 90px 0 50px;
}
.purchases-item-title:before{
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    top: -6px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.purchases-item-title:after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 58px;
    height: 58px;
    margin-top: -29px;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-size: 30px 15px;
    background-repeat: no-repeat;
    background-position: 28px center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.purchases-item-title .chart-info{
    top: 50%;
    margin-top: -16px;
}
.open .purchases-item-title .chart-info{
    display: none;
}
.flows-text-holder .close-info,
.life-cycle-text-holder .close-info,
.flaws-bubbletree .bubbletree .desc .close-info,
.purchases-life-cycle-item>div  .close-info,
.purchases-item-title .close-info{
    position: absolute;
    right: 12px;
    width: 32px;
    height: 32px;
    background-image: url('../img/close.svg');
    background-color: transparent;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
    top: 50%;
    margin-top: -16px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}
.flows-text-holder.open .close-info,
.life-cycle-text-holder.open .close-info,
.purchases-life-cycle-item.open>div  .close-info,
.open .purchases-item-title .close-info{
    display: block;
}
.life-cycle-text-holder .close-info{
    display: none !important;
}
.flows-text-holder .close-info,
.life-cycle-text-holder .close-info{

    top: 10px;

    margin-left: -16px;

    right: 40px;
}
.flows-text-holder .close-info{

    top: 40px;

    right: 80px;

    left: auto;
}
.purchases-item-space{
    height: 509px;
}
.purchases-child-holder{
    position: absolute;
    max-width: 100%;
    width: 425px;
    z-index: 10;
    background-color: #fff;
    top: calc( 100% + 18px );
}
.purchases-item-child{
    width: 100%;
    display: table;
    height: 70px;
    margin-top: 18px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    position: relative;
}
.purchases-item-child:first-child{
    margin-top: 0;
}
.purchases-item-child>h3{
    display:table-cell;
    vertical-align: middle;
    padding-top:2px;
    color: #333333;
    font-size: 14px;
    padding-left: 35px;
}
.purchases-item-title.green:before{
    background-color: #2dd38f;
}
.purchases-item-title.blue:before{
    background-color: #3581f1;
}
.purchases-item-title.dark-green:before{
    background-color: #38bcbf;
}
.purchases-item-title.light-blue:before{
    background-color: #26b1ed;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.purchases-item-title.red:before{
    background-color: #f26175;
}
.purchases-item-title.orange:before{
    background-color: #ff7659;
}
.purchases-item-title.green:after{
    background-color: #2dd38f;
}
.purchases-item-title.blue:after{
    background-color: #3581f1;
}
.purchases-item-title.dark-green:after{
    background-color: #38bcbf;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 0;
    right: 50%;
    margin-right: -29px;
    top: calc( 100% + 206px );
}
.purchases-item-title.light-blue:after{
    background-color: #26b1ed;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    top: 0;
    margin-top: 0;
    right: 50%;
    margin-right: -29px;
}
.purchases-item-title.red:after{
    background-color: #f26175;
    display: none;
}
.purchases-item-title.orange:after{
    background-color: #ff7659;
    right: auto;
    left: 0;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.purchases-items-holder .ls-row{
    margin: 0;
}
.purchases-items-holder .ls-row .ls-xs-20{
    padding: 0;
}
.purchases-bar-container,
.purchases-pie-container{
    margin-top: 20px;
    padding: 0 15px;
}
.purchases-bar-container .chart-info,
.purchases-pie-container .chart-info{

    right: 0;
}
.purchases-bar-container .chart-info,
.purchases-pie-container .chart-info{

    right: 0;
}
.purchases-bar-container .export-down,
.purchases-pie-container .export-down{
    right: 50px;
}
.purchases-bar-container>div,
.purchases-pie-container>div {
    overflow: hidden;
    position: relative;
    padding-top: 20px;
}
.purchases-bar-container>div>div ,
.purchases-pie-container>div>div {
    height: 350px;
}
.link-line{
    position:absolute;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.item-2 .link-line,
.item-1 .link-line{
    border-top: 1px solid #afe4fb;
    width: 425px;
    top: 50%;
    z-index: 0;
    margin-top: -0.5px;
}
.item-5 .link-line{
    border-top: 1px solid #afe4fb;
    width: 425px;
    top: 50%;
    z-index: 0;
    margin-top: -0.5px;
    right: -425px;
}
.item-3 .link-line{
    border-left: 1px solid #afe4fb;
    margin-left: -0.5px;
    left: 213px;
    top: calc( 100% + 18px );
    height: 0;
}
.item-4 .link-line{
    border-left: 1px solid #afe4fb;
    margin-left: -0.5px;
    left: 213px;
    top: 0;
    height: 0;
}



/*

    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s;
*/
.animated-in .purchases-item-title.light-blue:after {
    top: -32px;
}
.animated-in .item-4 .link-line {
    top: -509px;
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
    height: 509px;
}
.animated-in .purchases-item-title.green:after {
    right: -26px;


    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.animated-in .item-1 .link-line{
    width: 100%;
    -webkit-transition-delay: 0.75s;
    -moz-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s;
}
.animated-in .purchases-item-title.blue:after {
    right: -26px;



    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.animated-in .item-2 .link-line{
    width: 100%;


    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}
.animated-in .purchases-item-title.dark-green:after {
    top: calc( 100% + 232px );


    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.animated-in .item-3 .link-line {
    height: 509px;


    -webkit-transition-delay: 1.75s;
    -moz-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    transition-delay: 1.75s;
}
.animated-in .purchases-item-title.orange:after {
    left: -26px;


    -webkit-transition-delay:2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.animated-in .item-5 .link-line{
    -webkit-transition-delay: 2.25s;
    -moz-transition-delay: 2.25s;
    -o-transition-delay: 2.25s;
    transition-delay: 2.25s;
    right: 0;
    width: 100%;
}
.violations-item-child,
.violations-item{
    color: #333333;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    width: 425px;
    background-color: #fff;
    height: 0;
    overflow:hidden;
    display: block;
    -webkit-transition: height 0.25s linear, top 0.25s linear;
    -moz-transition: height 0.25s linear, top 0.25s linear;
    -o-transition: height 0.25s linear, top 0.25s linear;
    transition: height 0.25s linear, top 0.25s linear;
    z-index: 10;
}
.violations-item {
    left: -10px;
    width: 445px;
    padding: 0 10px 0;
    background-color: transparent;
}
.violations-item-child>div,
.violations-item>div{
    height: 280px;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    margin-top: -10px;
    background-color: #fff;
}

.open.item-4 .violations-item>div,
.open.item-5 .violations-item>div,
.open.item-6 .violations-item>div{
    margin-top: 0;
}

.open.item-4 .violations-item:before,
.open.item-5 .violations-item:before,
.open.item-6 .violations-item:before{

    bottom: 10px;

    top: auto;
}
.open .violations-item{
    height: 280px;
    padding: 0 10px 10px;
}

.violations-item-child>div>div,
.violations-item>div>div{
    height: 100%;
    text-align: left;
    padding: 0 30px;
}
.violations-item-child p,
.violations-item p{
    display: table-cell;
    vertical-align: middle;
}
.violations-item-child:before,
.violations-item:before{
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: calc( 100% - 8px );
    border-bottom:1px solid #f3f3f3;
}
.violations-item:before{
    left: 14px;
    width: calc( 100% - 28px );
}
.purchases-item.item-4 .violations-item,
.purchases-item.item-5 .violations-item,
.purchases-item.item-6 .violations-item{
    top: 0px;
}
.open.item-4 .violations-item,
.open.item-5 .violations-item,
.open.item-6 .violations-item{
    top: -253px;
}
.violations-item-child.violations-child-1{
    top: 127px;
}
.violations-item-child.violations-child-2{
    top: 215px;
}
.violations-item-child.violations-child-3{
    top: 303px;
}
.violations-item-child.violations-child-4{
    top: 389px;
}
.open.violations-1 .violations-item-child.violations-child-1{
    height: 280px;
    top: 110px;
}
.open.violations-2 .violations-item-child.violations-child-2{
    height: 280px;
    top: 110px;
}
.open.violations-3 .violations-item-child.violations-child-3{
    height: 280px;
    top: 110px;
}
.open.violations-4 .violations-item-child.violations-child-4{
    height: 280px;
    top: 110px;
}
.open.item-4 .purchases-item-title.light-blue:after {
    top: -284px;
}
.open.item-4 .purchases-item-title.light-blue:before {
    top: -258px;
}
.spender-items-box{
    margin: 10px 0;
}
.spender-items-box>div{
    /* float: left; */
    /* width: 33.33%; */
}
.spender-items-box .spender-item-1,
.spender-items-box .spender-item-2,
.spender-items-box .spender-item-3{
    float: left;
    max-width: 33.33%;
}
.spender-items-box .spender-item-1 .bootstrap-select,
.spender-items-box .spender-item-2 .bootstrap-select,
.spender-items-box .spender-item-3 .bootstrap-select{
    max-width: 100%;
}
.spender-items-box .spender-item-1 .bootstrap-select.btn-group.open .dropdown-toggle .caret,
.spender-items-box .spender-item-2 .bootstrap-select.btn-group.open .dropdown-toggle .caret,
.spender-items-box .spender-item-3 .bootstrap-select.btn-group.open .dropdown-toggle .caret {
    opacity: 0;
}

.audits-table table td:nth-child(1){
    width: 14.1%;
    max-width: 14.1%;
}
.audits-table table:not(.sdg) td:nth-child(2){
    width: 22.5%;
    max-width: 22.5%;
}
.audits-table table.sdg td:nth-child(2){
    width: 32.2%;
    max-width: 32.2%;
}
.audits-table table td:nth-child(3){

    width: 8.1%;

    max-width: 8.1%;
}
.audits-table table:not(.sdg) td:nth-child(4){
    width: 32.2%;
    max-width: 32.2%;
}
.audits-table table.sdg td:nth-child(4){
    width: 22.5%;
    max-width: 22.5%;
}
.audits-table table td:nth-child(5){
    width: 14.8%;
    max-width: 14.8%;
}
.audits-table table td:nth-child(6){
    width: 5.2%;
    max-width: 5.2%;
}
.audits-table table td:nth-child(7){
    width: 0;
    max-width: 0;
}
.audits-table table  {
    table-layout: fixed;
}
.audits-table-result.audits-table table td:nth-child(1){
    width: 20.95%;
    max-width: 20.95%;
}
.audits-table-result.audits-table table td:nth-child(2),
.audits-table-result.audits-table table td:nth-child(3){
    width: 40%;
    max-width: 40%;
}
.export-down{
    position: absolute;
    background-image: url('../img/export-btn.svg');
    top: 0;
    right: 65px;
    z-index: -1;
    width: 35px;
    height: 35px;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
    background-size: 22px 22px;
    background-color: #ebeef1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
}
.first-box-item .export-down{
    background-image: url('../img/export-btn-first.svg');
    left: 25px;
    top: 24px;
    background-color: #395e94;
}
.second-box-item .export-down{
    background-image: url('../img/export-btn-second.svg');
    left: 25px;
    top: 24px;
    background-color: #d3642d;
}
.first-box-item .highcharts-container,
.second-box-item .highcharts-container{
    overflow: visible !important;
}
.highcharts-container .highcharts-data-labels.highcharts-series-1{

    z-index: 1000;
}
#domestic-debt .domestic-pie-container .export-down,
#foreign-debt .foreign-pie-container .export-down{
}
.first-box-item,
.second-box-item{
    overflow: hidden !important;
}
.highcharts-contextmenu{
    margin-top: 15px;
    margin-left: 25px;
}
.highcharts-contextmenu>div{
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25) !important;
    -moz-box-shadow:  0px 1px 18px 0px rgba(162, 162, 162, 0.25) !important;
    box-shadow:  0px 1px 18px 0px rgba(162, 162, 162, 0.25) !important;
    border: 0 !important;
    padding: 10px 22px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.highcharts-contextmenu>div>hr,
.highcharts-contextmenu>div>div:nth-child(1){
    display: none;
}
.highcharts-contextmenu>div{
    display: table;
    width: 174px;
    position: relative;
    padding-top: 45px !Important;
}
.highcharts-contextmenu>div>div{
    float: left;
    width: 50%;
    overflow: hidden;
    color: #333333 !important;
    font-size: 14px !Important;
    text-align: center;
    background-color: transparent !important;
    padding: 15px 0 !important;
}
.highcharts-contextmenu>div>div:hover{
    color: #27b7f5 !important;
}
.highcharts-contextmenu>div:before{
    width: 100%;
    position: absolute;
    top: 18px;
    left: 0;
    color: #333333;
    font-size: 14px;
    left: 37px;
}
.highcharts-data-labels span{
    border: 0 !important;
    text-decoration: none !important;
    z-index: -1;
    font-family: 'DejaVu Sans Condensed';
}
#reservefonds .reservefonds-pie-box  .chart-info{
    z-index: 1;
    top: 75.5px;
}
#reservefonds .reservefonds-pie-box .export-down{
    top: 15px;
}
#costs-section .visual-bar-box .person-holder img{
    max-height: 320px;
}
#reservefonds .reservefonds-pie-box.reservefonds-box-regions  .chart-info{
    top: 15px;
}





/* Info Boxes */
.info-box{
    position: absolute;
    width: 575px;
    max-width: calc(100% - 80px);
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    top: -100%;
    left: -100%;
    z-index: 1000000;
}
.info-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(39, 183, 245) !important;
}
.info-box.ng-hide-add{
    opacity:0;
    -webkit-transform: scale(0);  /* Saf3.1+, Chrome */
    -moz-transform: scale(0);  /* FF3.5+ */
    -ms-transform: scale(0);  /* IE9 */
    -o-transform: scale(0);  /* Opera 10.5+ */
    transform: scale(0);
}
.info-box.ng-hide-remove{
    -webkit-transform: scale(1);  /* Saf3.1+, Chrome */
    -moz-transform: scale(1);  /* FF3.5+ */
    -ms-transform: scale(1);  /* IE9 */
    -o-transform: scale(1);  /* Opera 10.5+ */
    transform: scale(1);
}
.info-box .content{
    max-height: 200px;
    padding: 30px 20px 15px;
    position: relative;
    z-index: 10;
    height: 200px;
    max-height: 200px;
}
.info-box .content p{
    color: #333333;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}
.info-box .close-info{
    background-color: #27b7f5;
    height: 56px;
    width: 100%;
    display: block;
    border: 0;
    outline: none;
    background-image: url('../img/close-info.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.info-box:after {
    /* content: ""; */
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 75px;
    box-sizing: border-box;
    border: 12px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    -webkit-box-shadow: -8px 3px 18px -3px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: -8px 3px 18px -3px rgba(162, 162, 162, 0.25);
    box-shadow: -8px 3px 18px -3px rgba(162, 162, 162, 0.25);
}
.info-box.arrow-right:after{
    right: -20px;
    left: auto;
}
.highcharts-container .drill-up{
    position: absolute;
    bottom: 0;
    right:0;
    width: 140px;
    height: 50px;
    border: 0;
    background-color: #27b7f5;
    color: #fff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-top: 5px;
}
.highcharts-container .drill-up:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    background-image: url('../img/drill-up-arrow.svg');
    width: 12px;
    height: 24px;
    background-size: 100% 100%;
    margin-top: -12px;
}
.first-box-item .highcharts-container .drill-up{
    background-color: #427cd2;
}
.second-box-item .highcharts-container .drill-up{
    background-color: #f67637;
}
.purchases-pie-container #pie-container-1 g>.highcharts-legend-item:nth-child(2),
.taxrevenues-pie  #pie-share-container-2 g>.highcharts-legend-item:nth-child(2),
.capitalprojects-chart-box  #pie-container-4 g>.highcharts-legend-item:nth-child(2),
.capitalprojects-chart-box  #pie-container-3 g>.highcharts-legend-item:nth-child(2){
    display: none;
}
.back-to-main{
    font-size: 14px;
    color: #fff;
    height: 70px;
    display: block;
    text-align: center;
    position: relative;
    float: left;
    width: 140px;
    padding: 27px 0 24px;
}
.back-to-main:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    background-image: url('../img/category-toggle-on.svg');
    width: 16px;
    height: 32px;
    background-size: 100% 100%;
    margin-top: -16px;
}
.investors-box{
    position: relative;
}
.life-cycle-box .box-item-header, .investors-box .box-item-header{
    margin: 0;
    height: 90px;
    padding: 38px 0 38px;
}
.life-cycle-box .box-item-header {
    padding: 24px 0 38px;
    line-height: 1.4;
}
.box-item-header.text-middle{
    padding: 0 107px 0 35px;
}

.box-item .investors-box .export-down {
    top: 25px;
    display: block;
    z-index: 10;
}
.life-cycle-box .chart-info, .box-item .investors-box .chart-info {
    top: 25px;
}
.box-item .investors-box table thead{
    background-color: #1ac2d9;
}
.box-item .investors-box table thead td{
    color: #fff;
    padding: 0;
}
#capitalprojects-ministry .investors-table-box{
}
.mCustomScrollbarHolder {
    overflow: hidden;
    padding: 5px 0;
    background-color: #fff;
}
#capitalprojects-ministry .investors-table-box-body{
    max-height: 719px;
}
.box-item .investors-box tbody tr {
    border-bottom: 6px solid #eef4f7;
}
.box-item .investors-box tr {
    height: 80px;
    text-align: center;
    width: 100%;
}
.box-item .investors-box tr>td:first-child {
    text-align: left;
    padding-left: 38px;
}
.box-item .investors-box tr>td:last-child {
    padding-right: 20px !important;
}
.box-item .investors-box table td {
    border-bottom: 1px solid #e2e8ea;
    max-height: 66px;
    overflow: hidden;
    color: #333333;
}
.box-item .investors-box table thead tr>td:nth-child(1){
    width: calc( 100% - 520px );
}
.box-item .investors-box table thead tr>td:nth-child(2){
    width: 180px;
}
.box-item .investors-box table thead tr>td:nth-child(3){
    width: 180px;
}
.box-item .investors-box table thead tr>td:nth-child(4){
    width: 100px;
}
.life-cycle-holder{
    min-height: 780px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.life-cycle{
    width: 100%;
    position: relative;
    padding-top: 100%;
}
.life-cycle-holder .middle-circle{
    fill: transparent;
    stroke: #27b7f5;
    position: absolute;
    width: 100%;
    z-index: 0;
    top: 0;
    height: 100%;
}
.life-cycle-holder .middle-circle .inner, .purchases-items-holder .middle-ellipse .inner{
    stroke: #27b7f5;
    stroke-width: 2px;
    fill: transparent;
}
.life-cycle-holder .middle-circle .outer, .purchases-items-holder .middle-ellipse .outer{
    stroke: #fff;
    stroke-width: 50px;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 3s linear;
    -moz-transition: stroke-dashoffset 3s linear;
    -o-transition: stroke-dashoffset 3s linear;
    transition: stroke-dashoffset 3s linear;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(90deg) rotateY(180deg);
    -moz-transform: rotate(90deg) rotateY(180deg);
    -o-transform: rotate(90deg) rotateY(180deg);
    transform: rotate(90deg) rotateY(180deg);
    fill: transparent;
    display: none;
}
.purchases-items-holder .middle-ellipse .outer{
    -webkit-transform: rotate(0deg) rotateY(180deg);
    -moz-transform: rotate(0deg) rotateY(180deg);
    -o-transform: rotate(0deg) rotateY(180deg);
    transform: rotate(0deg) rotateY(180deg);
}
.purchases-life-cycle{
    position: relative;
    display: table;
    margin: 0 auto;
}
.purchases-life-cycle-item{
    position: absolute;
    height: 24.2857142857%;
    width: 21.25%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
    border: 2px solid #27b7f5;
    background-color: #27b7f5;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    width: 170px;
    height: 170px;
}
.purchases-life-cycle-item:after {
    border: 1px solid #27b7f5;
    background-image: url('../img/purchases-arrow-blue.svg');
    content: "";
    position: absolute;
    width: 14%;
    height: 14%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    background-color: #fff;
    opacity: 0;
    -webkit-backface-visibility: hidden;
}
.animated-in .purchases-life-cycle-item:after {
    opacity: 1;
}
.purchases-life-cycle-item:nth-of-type(1):after {
    right: 37%;
    -webkit-transform: rotate(-76deg);
    -moz-transform: rotate(-76deg);
    -o-transform: rotate(-76deg);
    transform: rotate(-76deg);
    top: -38%;
    -webkit-transition-delay: 0.225s;
    -moz-transition-delay: 0.225s;
    -o-transition-delay: 0.225s;
    transition-delay: 0.225s;
}
.purchases-life-cycle-item:nth-of-type(2):after {
    right: -136%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    top: -20%;
    -webkit-transition-delay: 0.725s;
    -moz-transition-delay: 0.725s;
    -o-transition-delay: 0.725s;
    transition-delay: 0.725s;
}
.purchases-life-cycle-item:nth-of-type(3):after {
    -webkit-transition-delay: 1.225s;
    -moz-transition-delay: 1.225s;
    -o-transition-delay: 1.225s;
    transition-delay: 1.225s;
    -webkit-transform: rotate(76deg);
    -moz-transform: rotate(76deg);
    -o-transform: rotate(76deg);
    transform: rotate(76deg);
    top: 114%;
    left: 91%;
}
.purchases-life-cycle-item:nth-of-type(4):after {
    -webkit-transition-delay: 1.725s;
    -moz-transition-delay: 1.725s;
    -o-transition-delay: 1.725s;
    transition-delay: 1.725s;
    -webkit-transform: rotate(113deg);
    -moz-transform: rotate(113deg);
    -o-transform: rotate(113deg);
    transform: rotate(113deg);
    bottom: -39%;
    left: 31%;
}
.purchases-life-cycle-item:nth-of-type(5):after {

    display: none;
}
.purchases-life-cycle-item:nth-of-type(6):after {right: 85%;-webkit-transform: rotate(245deg);-moz-transform: rotate(245deg);-o-transform: rotate(245deg);transform: rotate(245deg);top: -28%;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.flows-cycle-item>div.content,
.purchases-life-cycle-item>div.content{
    position: absolute;
    display: table;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    z-index: 10;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 100%;
}
.flows-cycle-item>div.content h2,
.purchases-life-cycle-item>div.content h2 {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: inherit;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    padding: 0 7px;
}

.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(1) {
    left: -8.4459459459%;
    top: 38.71173469387755%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(2) {
    top: 2.67857142%;
    left: 2.59009009%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(3) {
    right: 2.59009009%;
    top: 2.67857142%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(4) {
    right: -8.4459459459%;
    top: 38.71173469387755%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(5) {
    right: 2.59009009%;
    top: 75%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(6) {
    left: 2.59009009%;
    top: 75%;
}

/*
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(1) {
    left: 2.59009009%;
    top: 75%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(2) {
    left: -8.4459459459%;
    top: 38.71173469387755%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(3) {
    top: 2.67857142%;
    left: 2.59009009%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(4) {
    right: 2.59009009%;
    top: 2.67857142%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(5) {
    right: -8.4459459459%;
    top: 38.71173469387755%;
}
.purchases-life-cycle .purchases-life-cycle-item:nth-of-type(6) {
    right: 2.59009009%;
    top: 75%;
}*/
.purchases-life-overlay{

    position: absolute;

    background-color: #fff;

    height: 20%;

    width: 80%;

    left: 20%;

    bottom: 0;
}
svg.middle-ellipse{
    width: 800px;
    min-height: 700px;
}
.life-cycle-item{
    position: absolute;
    height: 19.8%;
    width: 19.8%;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    margin-top: -9.9%;
    margin-left: -9.9%;
    /*
    -webkit-transform: translate(-50% ,-50%);
    transform: translate(-50% ,-50%);*/
}
.life-cycle-item:after {
    content: "";
    position: absolute;
    width: 17%;
    height: 17%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: 22px 10px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    z-index: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-backface-visibility: hidden;
}
.life-cycle-item.red .text-holder,
.life-cycle-item.red{
    background-color: #f26175;
}
.life-cycle-item.red:after{
    border: 1px solid #27b7f5;
    background-image: url('../img/purchases-arrow-blue.svg');
}
.life-cycle-item.blue .text-holder,
.life-cycle-item.blue{
    background-color: #27b7f5;
}
.life-cycle-item.blue:after{
    border: 1px solid #27b7f5;
    background-image: url('../img/purchases-arrow-blue.svg');
}
.life-cycle-item .text-holder{
    position: absolute;
    display: table;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    z-index: 10;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 100%;
}
.life-cycle-item .text-holder h3{
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: inherit;
    line-height: 22px;
    word-break: break-word;
}
.life-cycle-layer{
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 50%;
    height: calc( 30% + 81px );
    /* display: none; */
}
.life-cycle-holder .life-cycle-item:nth-of-type(1) {
    top: 15%;
    left: 50%;
}
.life-cycle-holder .life-cycle-item:nth-of-type(2) {
    left: 80%;
    top: 35%;
}
.life-cycle-holder .life-cycle-item:nth-of-type(3) {
    left: 80%;
    top: 65%;
}
.life-cycle-holder .life-cycle-item:nth-of-type(4) {
    top: 85%;
    left: 50%;
}
.life-cycle-holder .life-cycle-item:nth-of-type(5) {
    left: 20%;
    top: 65%;
}
.life-cycle-holder .life-cycle-item:nth-of-type(6) {
    left: 20%;
    top: 35%;
}
.life-cycle-holder .life-cycle-item:nth-of-type(6):after{
    display: none;
}
.life-cycle-holder .life-cycle-item:nth-of-type(1):after {
    right: -51%;
    -webkit-transform: rotate(22deg);
    -moz-transform: rotate(22deg);
    -o-transform: rotate(22deg);
    transform: rotate(22deg);
    top: 68%;
    -webkit-transition-delay: 0.225s;
    -moz-transition-delay: 0.225s;
    -o-transition-delay: 0.225s;
    transition-delay: 0.225s;
}
.animated-in.life-cycle-holder .life-cycle-item:nth-of-type(1):after {

    opacity: 1;
}
.life-cycle-holder .life-cycle-item:nth-of-type(2):after {
    right: 17%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 119%;
    -webkit-transition-delay: 0.725s;
    -moz-transition-delay: 0.725s;
    -o-transition-delay: 0.725s;
    transition-delay: 0.725s;
}
.animated-in.life-cycle-holder .life-cycle-item:nth-of-type(2):after {opacity: 1;}
.life-cycle-holder .life-cycle-item:nth-of-type(3):after {
    -webkit-transition-delay: 1.225s;
    -moz-transition-delay: 1.225s;
    -o-transition-delay: 1.225s;
    transition-delay: 1.225s;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 116%;
    left: -18%;
}.animated-in.life-cycle-holder .life-cycle-item:nth-of-type(3):after {

     opacity: 1;
 }
.life-cycle-holder .life-cycle-item:nth-of-type(4):after {
    -webkit-transition-delay: 1.725s;
    -moz-transition-delay: 1.725s;
    -o-transition-delay: 1.725s;
    transition-delay: 1.725s;
    -webkit-transform: rotate(215deg);
    -moz-transform: rotate(215deg);
    -o-transform: rotate(215deg);
    transform: rotate(215deg);
    top: 17%;
    left: -49%;
}
.animated-in.life-cycle-holder .life-cycle-item:nth-of-type(4):after {

    opacity: 1;
}
.life-cycle-holder .life-cycle-item:nth-of-type(5):after {
    -webkit-transition-delay: 2.225s;
    -moz-transition-delay: 2.225s;
    -o-transition-delay: 2.225s;
    transition-delay: 2.225s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 17%;
    top: -32%;
}
.animated-in.life-cycle-holder .life-cycle-item:nth-of-type(5):after {

    opacity: 1;
}
.life-cycle-text-holder{
    position: absolute;
    width: calc( 45% - 60px );
    height: calc( 50% - 60px );
    overflow: visible;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.purchases-life-cycle .life-cycle-text-holder{
    width: 56%;
    max-height: 66%;
    overflow: visible;
    height: inherit;
    height: initial;
}
.flows-text-holder  .life-cycle-text,
.life-cycle-text-holder .life-cycle-text{
    display: none;
    height: 100%;
    max-height: 100%;
}
.flows-text-holder  .life-cycle-text.active,
.life-cycle-text-holder .life-cycle-text.active{
    display: block;
}

.flows-text-holder  .life-cycle-text {

    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);

    -moz-box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);

    padding: 40px;
}
.flows-text-holder  .life-cycle-text h2,
.life-cycle-text-holder .life-cycle-text h2{

    color: #27b7f5;

    font-size: 18px;

    margin: 0 0 30px;

    padding-right: 31px;
}

.flows-text-holder  .text-middle,
.life-cycle-text-holder .life-cycle-text .text-middle{
    text-align: left;
    color: #333333;
    font-size: 14px;
    line-height: 22px;
}
.life-cycle-text-holder .life-cycle-text .text-middle{
    height: 100%;
}
.purchases-life-cycle-item>div:not(:first-child){
    cursor: pointer;
}
.life-cycle-text-holder .life-cycle-text .text-middle>div{
    max-height: 100%;
}
.flows-cycle-child-item h2,
.purchases-life-cycle-item>div.child h2{
    color: #333333;
    font-size: 14px;
    display: block;
    margin: 8.5px 0;
}
.purchases-life-cycle-item.cycle-item-3>div:nth-child(2){
    position: absolute;
    left: calc( -100% - 12% );
    top: -34px;
}
.purchases-life-cycle-item.cycle-item-3>div:nth-child(3){
    position: absolute;
    left: calc( -100% - 38% );
    top: 10px;
}
.purchases-life-cycle-item.cycle-item-3>div:nth-child(4){
    position: absolute;
    left: calc( -100% - 43% );
    top: 65px;
}
.purchases-life-cycle-item.cycle-item-3>div:nth-child(5){
    position: absolute;
    left: calc( -100% - -8% );
    top: 120px;
}
.purchases-life-cycle-item.cycle-item-8>div:nth-child(2){
    position: absolute;
    width: 350px;
    left: calc( 100% + 5% );
    top: -34px;
}
.purchases-life-cycle-item.cycle-item-8>div:nth-child(3){
    position: absolute;
    width: 350px;
    left: calc( 100% + 29% );
    top: 10px;
}
.purchases-life-cycle-item.cycle-item-8>div:nth-child(4){
    position: absolute;
    width: 350px;
    left: calc( 100%  + 36% );
    top: 65px;
}
.purchases-life-cycle-item.cycle-item-3>div.child:before{
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: rgb(255, 90, 84);
    right: -40px;
    top: 0px;
    background-image: url(../img/info-icon-forth.svg);
    background-size: 22px 22px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}
.purchases-life-cycle-item.cycle-item-3>div.child:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    right: -28px;
    top: 12px;
    opacity: 0;
}
.purchases-life-cycle-item.cycle-item-8>div.child:before{
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -40px;
    top: 0;
    background-color: rgb(255, 90, 84);
    background-image: url(../img/info-icon-forth.svg);
    background-size: 22px 22px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.purchases-life-cycle-item.cycle-item-8>div.child:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    left: -28px;
    top: 12px;
    opacity: 0;
}

#purchases-tools .years-box{
    float: left;
    width: calc( 100% - 400px );
}
#purchases-tools .gexf-search-box{
    float: left;
    width: 400px;
    position: relative;
}
.normal-chart-picker{
    position: absolute;
    display: table;
    padding-left: 31px;
    top: 0;
}
.normal-compare-chart-picker{
    top: 59px;
}
.normal-chart-picker .chart-picker{
    float: left;
    margin-bottom: 0;
}
.gexf-search-box,
#grind-container-1{
    display: none;
}
.navbar-default .navbar-nav>li.open>a:before {
    border-bottom: 3px solid rgba(84, 183, 245, 1);
}
.citizen-menu-item{
    height: calc( 100vh - 100px );
    max-height: calc( 100vh - 100px );
    margin-bottom: 0;
    border-left: 1px solid #ededed;
    min-height: 800px;
}
.citizen-item-holder-v1,
.citizen-item-holder{
    position: absolute;
    width: 100%;
    -webkit-transition: left 0.75s linear, width 0.75s linear;
    -moz-transition: left 0.75s linear, width 0.75s linear;
    -o-transition: left 0.75s linear, width 0.75s linear;
    transition: left 0.75s linear, width 0.75s linear;
    left: 0;
    background-color: #fff;
    height: 100%;
    cursor: pointer;
    top: 0;
}
.middle-item-holder{
    /*    top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;*/
}
.red-holder .middle-item-holder{
    height: 830px;
}
.citizen-item-holder-v1{left: 100%;}
.citizen-item-holder .icon-holder{
    width: 260px;
    height: 260px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 60px auto 0;
}
.sortable-btn.blue,
.citizen-item-holder .blue{
    background-color: #27b7f5;
}
.sortable-btn.red,
.footer-item .red,
.citizen-item-holder .red{
    background-color: #f26175;
}
.sortable-btn.green,
.citizen-item-holder .green{
    background-color: #55dba4;
}
.blue-holder h2:after,
.citizen-item-holder .icon-holder.blue + h2:after{
    border-color: #27b7f5 !important;
}
.red-holder h2:after,
.citizen-item-holder .icon-holder.red + h2:after{
    border-color: #f26175 !important;
}
.green-holder h2:after,
.citizen-item-holder .icon-holder.green + h2:after{
    border-color: #55dba4 !important;
}

.citizen-item-holder .icon-holder.blue + a.citizen-item-more{
    background-color: #27b7f5;
}
.citizen-item-holder .icon-holder.red + a.citizen-item-more{
    background-color: #f26175;
}
.citizen-item-holder .icon-holder.green + a.citizen-item-more{
    background-color: #55dba4;
}

.citizen-item-holder .icon-holder b{
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48% auto;
}
.citizen-item-holder .icon-holder.blue b{
    background-image: url('../img/citizen-item-1.svg');
}
.citizen-item-holder .icon-holder.red b{
    background-image: url('../img/citizen-item-2.svg');
    background-size: 43% auto;
}
.citizen-item-holder .icon-holder.green b{
    background-image: url('../img/citizen-item-3.svg');
}
.citizen-item-holder h2{
    color: #333333;
    font-size: 18px;
    margin: 0;
    padding-top: 99px;
    padding-bottom: 22px;
    margin-bottom: 45px;
    text-align: center;
    position: relative;
}
.blue-holder h2,
.red-holder h2,
.green-holder h2{
    position: relative;
    padding-bottom: 20px;
}
.red-holder h2{
    margin-bottom: 39px;
}
.blue-holder h2:after,
.red-holder h2:after,
.green-holder h2:after,
.citizen-item-holder h2:after{
    content: "";
    position: absolute;
    border-bottom: 3px solid;
    bottom: 0;
    width: 42px;
    left: 50%;
    margin-left: -21px;
}
.citizen-item-description{
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    padding: 0 19%;
    text-align: center;
    height: 220px;
}
.citizen-item-more{
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    width: 193px;
    height: 60px;
    text-align: center;
    padding: 21px 0 21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#citizen-box .ls-row .citizen-ls-item{
    position: absolute;
    z-index: 200;
    -webkit-transition: left 0.75s linear, width 0.75s linear;
    -moz-transition: left 0.75s linear, width 0.75s linear;
    -o-transition: left 0.75s linear, width 0.75s linear;
    transition: left 0.75s linear, width 0.75s linear;
}
#citizen-box .ls-row .citizen-ls-item.active, #citizen-box .ls-row .citizen-ls-item.tempBack{
    z-index: 0;
}
#citizen-box .ls-row .citizen-ls-item.tempActive{
    z-index: 100 !important;
    overflow: visible;
}
#citizen-box .ls-row .citizen-ls-item.active{

}
#citizen-box .ls-row .citizen-ls-item.tempActive{

}
#citizen-box .ls-row div.no-transition{
    position: absolute;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}
#citizen-box .ls-row div.tempFast{
    -webkit-transition: left 0.6s linear, width 0.6s linear;
    -moz-transition: left 0.6s linear, width 0.6s linear;
    -o-transition: left 0.6s linear, width 0.6s linear;
    transition: left 0.6s linear, width 0.6s linear;
}
#citizen-box .ls-row div.tempTurboFast{
    -webkit-transition: left 0.5s linear, width 0.5s linear;
    -moz-transition: left 0.5s linear, width 0.5s linear;
    -o-transition: left 0.5s linear, width 0.5s linear;
    transition: left 0.5s linear, width 0.5s linear;
}
#citizen-box .ls-row .citizen-ls-item:nth-child(1){
    left: 0;
}
#citizen-box .ls-row .citizen-ls-item:nth-child(2){
    left: 33.33%;
}
#citizen-box .ls-row .citizen-ls-item:nth-child(3){
    left: 66.66%;
}
#citizen-box .ls-row .citizen-ls-item:nth-child(4){
    left: 100%;
    width: 25%;
}
#citizen-box .ls-row .citizen-ls-item:nth-child(5){
    left: 125%;
    width: 25%;
}
#citizen-box .ls-row .citizen-ls-item:nth-child(6){
    left: 150%;
    width: 25%;
}
.ui-sortable-helper{
    width: calc(100% + 40px) !important;
    margin-left: -20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#order-areas li.ui-sortable-helper>div span{
    background-image: url('../img/sortable-helper-arrow.svg')
}
.ui-sortable-placeholder{
    max-width: calc(100% - 40px);
    margin-left: 20px;
}
.citizen-item.half .bootstrap-select{
    max-width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
}
.factory-box-slider{
    min-height: 160px;
}
.factory-box-toggle{
    min-height: 127px;
}


/* New Style */
.new-properties-holder, .properties-holder.new-properties-holder .ls-xs-20>div{
    height: 121px;
}
.new-properties-holder .ls-row>div:first-child+div>div:first-child{
    padding-left: 30px;
}
.new-properties-holder .ls-row>div:first-child>div:first-child+div{
    padding-right: 25px;
}
.new-index-box .open-index-box{
    /* max-height: 253px; */
    /* height: 253px; */
}
.new-index-box .ggi-index .progress-bar-container{
    height: 93.5px;
}
.new-index-box .ggi-index-title{
    height: 93.5px;
}
.new-index-box .cpia-index-box.cpia-line-box{
    height: 330px;
}
.new-index-box  .cpia-index-box.desc{

    height: 245px;
}
.new-index-box .human-index h2{
    height: 62px;
}
.new-index-box .human-index-holder{
    height: 105px;
}
.new-index-box .open-index-holder,
.new-index-box .cpia-holder,
.new-index-box .human-holder,
.new-index-box .pefa-holder,
.new-index-box .ggi-index-holder
{
    min-height: 710px;
    max-height: 710px;
}
.cpia-index-box.cpia-line-box > div {
    margin: 5px 0 5px;
}
.properties-holder-text{

    border-bottom: 2px solid #f5f5f5;
}
#capitalprojects-main .properties-holder-text {
    border-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
}
#costs-section .properties-holder-text{
    border-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
}
.properties-holder-text h2{
    color: #333333;
    font-size: 18px;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}
.properties-holder-text h2:after {
    content: "";
    position: absolute;
    border-bottom: 3px solid;
    bottom: 0;
    width: 42px;
    left: 50%;
    margin-left: -21px;
    border-color: #27b7f5 !important;
}
.properties-holder-text div{
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    padding: 0 55px;
    text-align: center;
    height: 48px;
    margin-bottom: 15px;
}
#budgeting .owl-prev,
#budgeting .owl-next{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #27b7f5;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    height: calc( 100% - 20px );
    top: 0;
    margin: 0;
    width: 45px;
}
#budgeting .owl-prev.disabled,
#budgeting .owl-next.disabled {
    opacity: 0.4;
}
#budgeting .owl-prev{
    left: 0
}
#budgeting .owl-next{
    right: 0;
}
#budgeting .owl-prev i,#budgeting  .owl-next i{
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 16.5px;
}
.hide-amount .amount{
    display: none;
}
.flaws-bubbletree .bubbletree .label:nth-of-type(1) .desc{
    color: #333333;
}
.flaws-bubbletree .bubbletree .desc .close-info{

    display: block;

    top: -15px;

    right: -15px;

    width: 16px;

    height: 16px;

    background-size: 16px 16px;
}
.flaws-bubbletree .bubbletree .desc{
    position: relative
}
/* Our Work */
.bubbletree{
    width: 100%;
    height: 850px;
}
.flaws-bubbletree .bubbletree .label:nth-child(1){

}
#new-section .municipality-info-box{



    height: inherit; !important
height: initial; !important
max-height: inherit;
    max-height: initial;
    padding: 0;
    margin: 0;
    max-height: inherit;
    max-height: initial;
    overflow: hidden;
    border-left: 1px solid #ddd;
}
#new-section .municipality-info-box-title{
    font-size: 16px;
}
#new-section .municipality-info-box-title {
    padding: 24px 0 22px 30px;
    font-weight: bold;
}
#new-section .statistic-info.map-box{
    height: inherit;
    height: initial;
}
#new-section .statistic-info.map-box .info-box {
    top: 0;
    width: 100%;
    left: 0;
    max-width: 100%;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#new-section .municipality-info-box .left{
    border-right: 1px solid #fff
}
#new-section .box-item.map-box{
    -webkit-transition: width 0.25s ease, left 0.25s ease;
    -moz-transition: width 0.25s ease, left 0.25s ease;
    -o-transition: width 0.25s ease, left 0.25s ease;
    transition: width 0.25s ease, left 0.25s ease;
    position: relative;
    left: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow:inherit;
    box-shadow:inherit;
    -webkit-box-shadow: initial;
    -moz-box-shadow:initial;
    box-shadow:initial;
}
#new-section .box-item{
    -webkit-box-shadow: inherit;
    -moz-box-shadow:inherit;
    box-shadow:inherit;
    -webkit-box-shadow: initial;
    -moz-box-shadow:initial;
    box-shadow:initial;
    margin-bottom: 0
}
#new-section .box-item.map-box.collapse.collapsed{
}
#new-section .box-item.map-box.collapse{
}
#new-section .map-box .info-box-item{border-bottom: 0;}
#new-section .map-box .info-box b{

}
#new-section .map-box .info-box>div.info-box-item>span{

}
.assimilate-btn-toolbar{
    margin: 13px 0 0;
    text-align: center;
}
#new-section .map-box .info-box-item.emplyees{
    padding-right: 0;
}
#new-section .map-box .info-box-item.emplyees>div{
    display: inline-block;
    float: right;
    width: calc( 100% - 200px );
    margin-right: 10px;
}

/* Costs Navigation */
.costs-nav-box{

    padding: 40px 0;
}
.costs-nav-box>div>span{
    width: calc( 100% - 116px );
    float: left;
    color: #333333;
    font-size: 16px;
    word-wrap: break-word;
    word-break: break-word;
    height: 86px;
}
.costs-nav-box.left{
    border-right: 2px solid #dddddd;
}
.costs-nav-box.right{
    border-left: 2px solid #dddddd;

}
.costs-nav-box.left>div{
}
.costs-nav-box>div{
    width: 100%;
    display: table;
    height: 86px;
    position: relative;
    cursor: pointer;
}
.costs-nav-box.left>div>span{
    text-align: right;
    padding-left: 10px;
}
.costs-nav-box.right>div>span{
    text-align: left;
    padding-right: 10px;
}

.costs-nav-box.left>div>b{

    margin: 15px 35px 15px 25px;
}
.costs-nav-box.right>div>b{

    margin: 15px 25px 15px 35px;
}
.costs-nav-box.left>div>span>span{

    width: 100%;
}
.costs-nav-box>div:after{
    content: "";
    position: absolute;
    background-color: #ddd;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -6px;
}
.costs-nav-box.left>div:after{
    right: -8px;
}
.costs-nav-box.right>div:after{
    left: -7px;
}
.costs-nav-box>div.active:after{
    /* background-color: #27b7f5; */
}
.costs-nav-box>div:hover b,
.costs-nav-box>div.active b{
    border-color: #27b7f5;
}
.costs-nav-box>div:hover span,
.costs-nav-box>div.active span{
    color: #27b7f5;
}
.costs-nav-box>div>b{
    float: left;
    height: 56px;
    padding: 0;
    width: 56px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #dddddd;
    background-position: center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}
.costs-nav-box.left>div:nth-child(1) b{
    background-image: url('../img/cost-icon-1.svg');
    background-position: center 13px;
}
.costs-nav-box.left>div:nth-child(2) b{
    background-image: url('../img/cost-icon-2.svg')
}
.costs-nav-box.left>div:nth-child(3) b{
    background-image: url('../img/cost-icon-3.svg')
}
.costs-nav-box.left>div:nth-child(4) b{
    background-image: url('../img/cost-icon-4.svg')
}
.costs-nav-box.left>div:nth-child(5) b{
    background-image: url('../img/cost-icon-5.svg')
}
.costs-nav-box.left>div:nth-child(6) b{
    background-image: url('../img/cost-icon-6.svg');
    background-position: center 13px;
}
.costs-nav-box.right>div:nth-child(1) b{
    background-image: url('../img/cost-icon-7.svg')
}
.costs-nav-box.right>div:nth-child(2) b{
    background-image: url('../img/cost-icon-8.svg')
}
.costs-nav-box.right>div:nth-child(3) b{
    background-image: url('../img/cost-icon-9.svg')
}
.costs-nav-box.right>div:nth-child(4) b{
    background-image: url('../img/cost-icon-10.svg')
}
.costs-nav-box.right>div:nth-child(5) b{
    background-image: url('../img/cost-icon-11.svg')
}
.costs-nav-box.right>div:nth-child(6) b{
    background-image: url('../img/cost-icon-12.svg')
}

.costs-nav-box.left>div:nth-child(1):hover b,
.costs-nav-box.left>div:nth-child(1).active b{
    background-image: url('../img/cost-icon-1-active.svg');
    background-position: center 13px;
}
.costs-nav-box.left>div:nth-child(2):hover b,
.costs-nav-box.left>div:nth-child(2).active b{
    background-image: url('../img/cost-icon-2-active.svg')
}
.costs-nav-box.left>div:nth-child(3):hover b,
.costs-nav-box.left>div:nth-child(3).active b{
    background-image: url('../img/cost-icon-3-active.svg')
}
.costs-nav-box.left>div:nth-child(4):hover b,
.costs-nav-box.left>div:nth-child(4).active b{
    background-image: url('../img/cost-icon-4-active.svg')
}
.costs-nav-box.left>div:nth-child(5):hover b,
.costs-nav-box.left>div:nth-child(5).active b{
    background-image: url('../img/cost-icon-5-active.svg')
}
.costs-nav-box.left>div:nth-child(6):hover b,
.costs-nav-box.left>div:nth-child(6).active b{
    background-image: url('../img/cost-icon-6-active.svg');
    background-position: center 13px;
}
.costs-nav-box.right>div:nth-child(1):hover b,
.costs-nav-box.right>div:nth-child(1).active b{
    background-image: url('../img/cost-icon-7-active.svg')
}
.costs-nav-box.right>div:nth-child(2):hover b,
.costs-nav-box.right>div:nth-child(2).active b{
    background-image: url('../img/cost-icon-8-active.svg')
}
.costs-nav-box.right>div:nth-child(3):hover b,
.costs-nav-box.right>div:nth-child(3).active b{
    background-image: url('../img/cost-icon-9-active.svg')
}
.costs-nav-box.right>div:nth-child(4):hover b,
.costs-nav-box.right>div:nth-child(4).active b{
    background-image: url('../img/cost-icon-10-active.svg')
}
.costs-nav-box.right>div:nth-child(5):hover b,
.costs-nav-box.right>div:nth-child(5).active b{
    background-image: url('../img/cost-icon-11-active.svg')
}
.costs-nav-box.right>div:nth-child(6):hover b,
.costs-nav-box.right>div:nth-child(6).active b{
    background-image: url('../img/cost-icon-12-active.svg')
}
.cost-box-toggle{
    width: 204px;
    height: 59px;
    display: table;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin-left: 13%;
}
.cost-box-toggle>div{
    float: left;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;
    cursor: pointer;
}
.cost-box-toggle>div:first-child{
    background-image: url('../img/cost-person-icon.svg');
}
.cost-box-toggle>div:first-child+div{
    background-image: url('../img/cost-whole-icon.svg');
}
.cost-box-toggle>div:first-child.active{
    background-color: #27b7f5;
    background-image: url('../img/cost-person-icon-active.svg');
}
.cost-box-toggle>div:first-child+div.active{
    background-color: #27b7f5;
    background-image: url('../img/cost-whole-icon-active.svg');
}
.costs-control-box{
    margin-bottom: 60px;
}
.costs-control-box .citizen-item.month-item,
.costs-control-box .citizen-item.year-item{
    display: inline-block;
    float: right;
    margin-right: 50px;
}
.costs-control-box .citizen-item.month-item{
}
.costs-control-box .citizen-item .btn-group.bootstrap-select button{
    border: 1px solid #e7e7e7;
}
.costs-control-box{

}
.costs-control-box>div .citizen-item{
    float: left;
    margin-bottom: 0;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.costs-control-box>div .spender-item-1{
    width: calc( 100% - 110px );
    max-width: calc( 100% - 110px );
}
.costs-control-box>div .spender-item-1 button span{
    color: #F06175;
}
.costs-control-box>div .spender-item-2 button span{
    color: #3581f1;
}
.costs-control-box>div .spender-item-1  .bootstrap-select.btn-group .dropdown-toggle .caret{
    background-image: url('../img/drop-down-arrow-red.svg');
}
.costs-control-box>div .spender-item-2  .bootstrap-select.btn-group .dropdown-toggle .caret{
    background-image: url('../img/drop-down-arrow-blue.svg');
}
.costs-control-box>div .spender-item-1 .bootstrap-select,
.costs-control-box>div .spender-item-2 .bootstrap-select{

    max-width: 100%;
}
.costs-control-box>div .add-chart-picker {
    float: left;
    width: 86px;
    height: 61px;
    margin-left: 24px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.costs-control-box>div .add-chart-picker button{
    outline: none !important;
    outline-offset: 0;
    color: #333333;
    background-color: transparent !important;
    position: relative;
    z-index: 150000;
    box-shadow: none;
    overflow: hidden;
    height: 100%;
    width: 100%;
    font-size: 30px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.costs-box-nav{
    display: table;
    margin: 0 auto;
    width: calc( 36% + 110px );
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.costs-box-nav.active{
    width: 100%;
    max-width: 100%;
    display: block;
}
.costs-control-box>div .costs-box-nav .spender-item-2{
    width: 0;
    overflow: hidden;
    margin-right: 0;
}
.costs-control-box>div .costs-box-nav.active .add-chart-picker {
    width: 0;
    overflow: hidden;
    margin: 0;
}
.costs-control-box>div .costs-box-nav.active .spender-item-1,
.costs-control-box>div .costs-box-nav.active .spender-item-2{
    width: 38%;
    margin: 0 6% 0 calc( 6% - 10px );
    max-width: 38%;
}
.costs-control-box>div .costs-box-nav.active .spender-item-1{
    float: left;
}
.costs-control-box>div .costs-box-nav.active .spender-item-2{
    float: right;
    overflow: visible;
}
.costs-control-box .citizen-item .btn-group.bootstrap-select.open button{
    border: 0;
    padding: 22px 41px 19px 16px;
}

.costs-bar-box #bar-container-1{
    width: calc( 100% - 40px );
    float: left;
    height: 100%;
    margin-left: 20px;
}
.costs-bar-box #bar-container-2{
    width: 0;
    float: left;
    height: 100%;
}
.costs-bar-box .highcharts-data-labels{
    z-index: 100;
}
.visual-bar-box #visual-container-1{
    width: 100%;
}
.visual-bar-box #visual-container-2{
    width: 0;
    overflow: hidden;
}

.visual-bar-box #visual-container-1,
.visual-bar-box #visual-container-2{
    float: left;
    height: 100%;
    position: relative;
}

.visual-bar-box #visual-container-2{
    border-left: 2px solid #dddddd;
}
#costs-section.active .costs-bar-box .no-data,
#costs-section.active #bar-container-1,
#costs-section.active #bar-container-2{
    height: 50%;
    padding-bottom: 20px;
    margin-top: 0;
}
#costs-section.active #bar-container-1{
    padding-bottom: 20px;
}
#costs-section.active #bar-container-2{

}
#costs-section.active .costs-bar-box .no-data,
#costs-section.active #bar-container-1,
#costs-section.active #bar-container-2{
    width: calc( 100% - 40px );
    margin-left: 20px;
}
#costs-section.active #visual-container-1,
#costs-section.active #visual-container-2{
    width: 50%;
}
#costs-section .costs-bar-box,
#costs-section .visual-bar-box{
    overflow: hidden;
    width: 0;
    height: 596px;
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#costs-section.active .costs-bar-box .no-data:nth-of-type(1){
    top: 0
}
#costs-section.active .costs-bar-box .no-data:nth-of-type(2){
    top: 50%
}
#costs-section.is-bar .costs-bar-box{
    width: 100%;
}

#costs-section.is-bar:not(.active) .costs-bar-box{
    padding-top: 12.5%;
}

#costs-section.is-bar:not(.active) .costs-bar-box .chart-info{
    top: 0;
    margin-top: calc( 12.5% - 3px );
}
#costs-section:not(.is-bar) .visual-bar-box{
    width: 100%;
}
#costs-section .chart-info{
    top: 0;
    right: 35px;
    z-index: 1000;
}


#costs-section.is-bar .visual-bar-box .chart-info{
    display: none;
}


#costs-section #bar-container-1,
#costs-section #bar-container-2,
#costs-section #visual-container-1,
#costs-section #visual-container-2{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.visual-bar-box .info-graphic{
    height: calc( 100% - 160px );
    margin: 0 auto;
    width: 650px;
}
#costs-section.active .visual-bar-box .info-graphic{
    max-width: 360px;
}
.visual-bar-box .info-desc{
    height: 160px;
}
.visual-bar-box .info-desc h2{
    margin: 0 0 15px 0;
    text-align: center;
    padding-bottom: 9px;
    position: relative;
    font-weight: bold;
    font-size: 32px;
}
.visual-bar-box .info-desc h2 .car,
.visual-bar-box .info-desc h2 .employ,
.visual-bar-box .info-desc h2 .percentage-per-employ,
.visual-bar-box .info-desc h2 .percentage-per-car,
.visual-bar-box .info-desc h2 .percentage-per,
.visual-bar-box .info-desc h2 .percentage-per-less

{
    display: none;
    font-size: 20px;
}
.visual-bar-box .info-desc h2 i.GEL{
    display: inline-block;
    position: relative;
    top: -2px;
    left: 5px;
    font-weight: normal;
    font-size: 24px;
    color: #517788;
}
.visual-bar-box .info-desc h2.line:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 25px;
    left: 50%;
    margin-left: -12.5px;
    border-bottom: 2px solid #dddddd;
}
.visual-bar-box .info-desc>i.GEL{
    margin: 0;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #517788;
    display: none;
}
.visual-bar-box .info-desc>p{

    font-size: 14px;

    text-align: center;

    position: relative;

    top: -6px;

    display: none;
}
.visual-bar-box .info-desc>p>span{

    font-size: 22px;
}
.visual-bar-box .info-desc>p>i.GEL{

    display: inline-block;

    position: relative;

    font-weight: normal;

    font-size: 16px;

    color: #517788;
}
#costs-section #visual-container-1 .info-desc {
    color: #F06175;
}
#costs-section #visual-container-2 .info-desc {
    color: #3581f1;
}
.visual-bar-box .info-graphic-holder{
    width: 100%;
}

.visual-bar-box.coins-box .info-graphic-holder{
    height: 100%;
    padding-bottom: 40px;
}

.visual-bar-box .info-graphic .person-holder,
.visual-bar-box .info-graphic .persons-holder{
    display: table;
    width: 100%;
    position: relative;
}
.visual-bar-box .info-graphic .person-holder.person-collapsed img {
    height: 0 !important
}
.visual-bar-box .info-graphic .person-holder.person-position{
    position: absolute;
    bottom: 80px;
}
.visual-bar-box .info-graphic .person-holder.oil-position{
    position: absolute;
    bottom: 40px;
}
.visual-bar-box #visual-container-1 .info-graphic .pistol-holder{
    position: absolute;
    top: 0;
    left: 10%;
    width: 35%;
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
.visual-bar-box #visual-container-2 .info-graphic .pistol-holder{
    position: absolute;
    top: 0;
    right: 10%;
    width: 35%;
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.visual-bar-box .info-graphic .persons-holder:nth-of-type(1){
    margin-bottom: 30px;
}
.visual-bar-box .info-graphic .person-holder>div,
.visual-bar-box .info-graphic .persons-holder>div{
    width: 10%;
    float: left;
    z-index: 10;
    position: relative;
}
.visual-bar-box .info-graphic .person-holder>div{
    width: 100%;
}
.visual-bar-box .info-graphic .person-holder img,
.visual-bar-box .info-graphic .persons-holder img{
    width: 100%;
}
.visual-bar-box .info-graphic .cars-holder:after,
.visual-bar-box .info-graphic .persons-holder:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.visual-bar-box .info-graphic .cars-holder.cars-collapsed:after,
.visual-bar-box .info-graphic .persons-holder.persons-collapsed:after{
    width: 0% !important;
}
.visual-bar-box #visual-container-1 .info-graphic .cars-holder:after,
.visual-bar-box #visual-container-1 .info-graphic .persons-holder:after{
    background-color: #F06175;
}
.visual-bar-box #visual-container-2 .info-graphic .cars-holder:after,
.visual-bar-box #visual-container-2 .info-graphic .persons-holder:after{
    background-color: #3581f1;
}
.visual-bar-box .info-graphic .person-holder img{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.visual-bar-box .info-graphic .cars-holder:after,
.visual-bar-box .info-graphic .persons-holder:after{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.visual-bar-box .info-graphic .coin-holder{
    display: inline-block;
    width: 90px;
    height: 100%;
    max-width: 200px;
    position: relative;
}
.visual-bar-box .info-graphic .coin-holder:nth-child(1){
    margin: 0 45px 0 0;
}
.visual-bar-box .info-graphic .coin-holder:nth-child(2){
    margin: 0 0 0 45px;
}
.visual-bar-box .info-graphic .coin-holder div{
    width: 90px;
    position: absolute;
    margin: 0 auto;
    display: block;
    height: 23px;
}
.visual-bar-box .info-graphic .coin-holder div img{
    width: 100%;
}
.visual-bar-box .info-graphic .coin-holder div{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.visual-bar-box .info-graphic .coin-holder div:nth-of-type(10){
    z-index: 100;
    bottom: 207px;
    -webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(9){
    z-index: 90;
    bottom: 184px;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(8){
    z-index: 80;
    bottom: 161px;
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(7){
    z-index: 70;
    bottom: 138px;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(6){
    z-index: 60;
    bottom: 115px;
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(5){
    z-index: 50;
    bottom: 92px;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(4){
    z-index: 40;
    bottom: 69px;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(3){
    z-index: 30;
    bottom: 46px;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(2){
    z-index: 20;
    bottom: 23px;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.visual-bar-box .info-graphic .coin-holder div:nth-of-type(1){
    z-index: 10;
    bottom: 0px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(10){
    bottom: 984px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(9){
    bottom: 961px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(8){
    bottom: 938px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(7){
    bottom: 815px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(6){
    bottom: 792px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(5){
    bottom: 769px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(4){
    bottom: 746px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(3){
    bottom: 746px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(2){
    bottom: 723px;
}
.visual-bar-box .info-graphic .coin-holder.coin-collapsed div:nth-of-type(1){
    bottom: 700px;
}

.visual-bar-box .info-graphic .cars-holder{
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(5) {
    margin-bottom: 0px;
}
.visual-bar-box .info-graphic .cars-holder>div {
    width: 20%;
    float: left;
    z-index: 10;
    position: relative;
}
.visual-bar-box .info-graphic .cars-holder img {
    width: 100%;
}
.visual-bar-box .info-graphic .cars-holder:before,
.visual-bar-box .info-graphic .persons-holder:before {
    background-color: #e7e8e9;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.costs-nav-box:after ,
.costs-nav-box:after {
    background-color: #27b7f5;
    right: 5px;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 0;
    margin-top: 77px;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
}
.costs-nav-box.top-trans:after {
    -webkit-transition: top 0.7s ease;
    -moz-transition: top 0.7s ease;
    -o-transition: top 0.7s ease;
    transition: top 0.7s ease;
}
.costs-nav-box.right:after {
    left: 5px;
    right: auto;
    opacity: 0;
}


/* Descrise And Increase Persons */
.visual-bar-box .info-graphic .persons-holder:nth-of-type(1).animate-decrease:after{
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.visual-bar-box .info-graphic .persons-holder:nth-of-type(2).animate-decrease:after{
    -webkit-transition-delay: 0.0s;
    -moz-transition-delay: 0.0s;;
    -o-transition-delay: 0.0s;
    transition-delay: 0.0s;
}
.visual-bar-box .info-graphic .persons-holder:nth-of-type(1).animate-increase:after{
    -webkit-transition-delay: 0.0s;
    -moz-transition-delay: 0.0s;;
    -o-transition-delay: 0.0s;
    transition-delay: 0.0s;
}
.visual-bar-box .info-graphic .persons-holder:nth-of-type(2).animate-increase:after{
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

/* Descrise And Increase Cars */
.visual-bar-box .info-graphic .cars-holder:nth-of-type(1).animate-decrease:after{
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(2).animate-decrease:after{
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(3).animate-decrease:after{
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(4).animate-decrease:after{
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(5).animate-decrease:after{
    -webkit-transition-delay: 0.0s;
    -moz-transition-delay: 0.0s;;
    -o-transition-delay: 0.0s;
    transition-delay: 0.0s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(1).animate-increase:after{
    -webkit-transition-delay: 0.0s;
    -moz-transition-delay: 0.0s;;
    -o-transition-delay: 0.0s;
    transition-delay: 0.0s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(2).animate-increase:after{
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(3).animate-increase:after{
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(4).animate-increase:after{
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.visual-bar-box .info-graphic .cars-holder:nth-of-type(5).animate-increase:after{
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.municipality-tabs .nav-tabs>li>a{
    padding: 15px 0 13px;
    background-color: transparent;
}
.municipality-tabs{
    background-color: #fff;
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.municipality-tabs .tab-content{
    padding-top: 10px;
}



.municipality-info-box .municipality-data-2 #bar-container-2,
.municipality-info-box .municipality-data-1 #bar-container-4,
.municipality-info-box .municipality-data-2 #bar-container-1,
.municipality-info-box .municipality-data-1 #bar-container-3{
    height: 288px;
}



.municipality-info-box .municipality-data-2 #bar-container-2 .highcharts-title,
.municipality-info-box .municipality-data-1 #bar-container-4 .highcharts-title,
.municipality-info-box .municipality-data-2 #bar-container-1 .highcharts-title,
.municipality-info-box .municipality-data-1 #bar-container-3 .highcharts-title,
.municipality-info-box .municipality-data-holder.space #bar-container-2 .highcharts-title{
    display: none;
}
.municipality-info-box .municipality-data-2 #pie-container-2,
.municipality-info-box .municipality-data-1 #pie-container-4,
.municipality-info-box .municipality-data-2 #pie-container-1,
.municipality-info-box .municipality-data-1 #pie-container-3,
.municipality-info-box .municipality-data-1 #pie-container-2{
    height: 280px;
}


.corporate-section .municipality-info-box .municipality-data-2 #pie-container-1,
.corporate-section .municipality-info-box .municipality-data-1 #pie-container-3{
    height: 285px;
}



/* Temp Css */


.municipality-info-box .municipality-data-holder.space #bar-container-1,
.municipality-info-box .municipality-data-holder.space #bar-container-2{
    height: 330px;
}
.municipality-info-box .municipality-data-holder.space #pie-container-1,
.municipality-info-box .municipality-data-holder.space #pie-container-2{
    height: 288px;
}
.municipality-info-box .municipality-data-holder.space .chart-info:nth-child(2){
    top: 330px;
}
.municipality-info-box .capital-tabs .municipality-data-2 #bar-container-1,
.municipality-info-box .capital-tabs .municipality-data-2 #bar-container-2,
.municipality-info-box .capital-tabs .municipality-data-1 #bar-container-3,
.municipality-info-box .capital-tabs .municipality-data-1 #bar-container-4{
    height: 221px;
}

.municipality-info-legend{
    position: absolute;
    width: 170px;
    z-index: 100;
    top: 50%;
    left: 46px;
    margin-top: 0;
}
.municipality-info-legend ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.municipality-info-legend ul li{
    margin: 0;
    line-height: 1.45em;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    font: 12px 'DejaVu Sans Condensed';
    fill: #333333;
}
.municipality-info-legend ul li span{
    vertical-align: middle;
    margin-right: 3px;
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.rq1 {
    background-color: #3bc1fa;
    fill: #3bc1fa;
}
.rq2 {
    background-color: #48c5fa;
    fill: #48c5fa;
}
.rq3 {
    background-color: #57cafa;
    fill: #57cafa;
}
.rq4 {
    background-color: #69d1fc;
    fill: #69d1fc;
}
.rq5 {
    background-color: #7ad8fd;
    fill: #7ad8fd;
}
.rq6 {
    background-color: #89ddfe;
    fill: #89ddfe;
}
.rq7 {
    background-color: #96e2fe;
    fill: #96e2fe;
}
.rq8 {
    background-color: #a1e6fe;
    fill: #a1e6fe;
}
.rank_nodata {
    background-color: #aeebff;
    fill: #96e2fe;
}
#svg_map{
    margin: 0 auto;
    display: block;
}
.jqstooltip {
    box-sizing: content-box
}




/* Icon 3 */
#nav-icon3{
    width: 39px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;

    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
    top: 0px;
    max-width: 70%;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 10px;
    max-width: 50%;
}

#nav-icon3 span:nth-child(4) {
    top: 20px;
    max-width: 85%;
}

.open #nav-icon3 span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
    max-width: 66%;
    margin-left: 17%;
}

.open #nav-icon3 span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    max-width: 66%;
    margin-left: 17%;
}

.open #nav-icon3 span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    max-width: 66%;
    margin-left: 17%;
}

.open #nav-icon3 span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#nav-icon3 span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ced7db;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.open #nav-icon3{
    margin-right: 35px;
}

.bubbletree .desc{
    font-size: 18px;
}


/* systemic */
.systemic-holder{
    padding-left: 2.5%;
}
.systemic-level-holder{
    padding-left: 4%;
    padding-right: 2.5%;
}
.systemic-item{

    padding: 35px 40px 35px 60px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: 0px 1px 46px 0px rgba(162, 162, 162, 0.25);

    -moz-box-shadow:  0px 1px 46px 0px rgba(162, 162, 162, 0.25);

    box-shadow:  0px 1px 46px 0px rgba(162, 162, 162, 0.25);

    margin-bottom: 30px;

    cursor: pointer;
}
.systemic-item:hover,
.systemic-item.active,
.systemic-item.temp-active{
    border: 3px solid #27b7f5;
    padding: 32px 37px 32px 57px;
}
.systemic-title{
    position: relative;
    padding-top: 35px;
    padding-right: 100px;
    margin-bottom: 30px;
}
.systemic-title h1{
    color: #27b7f5;
    font-size: 18px;
    margin: 0;
    font-family: 'BPG Glaho WEB Caps';
}
.systemic-title h2{
    padding-top: 10px;
    color: #27b7f5;
    font-size: 16px;
    margin: 0;
}
.systemic-title .date-holder{
    position: absolute;
    top: 0;
    right: 0;
    display: table;
}
.systemic-title .date-holder h4{
    color: #27b7f5;
    font-size: 24px;
    width: 40px;
    float: left;
    margin: 0;
    font-weight: bold;
}
.systemic-title .date-holder span{
    width: 23px;
    float: left;
    height: 20px;
    background-image: url('../img/date-icon.svg');
    margin-top: 2px;
}
.systemic-title .date-holder p{
    float: left;
    width: 100%;
    margin: 4px 0 0 0;
    color: #73909d;
    font-size: 16px;
    font-weight: bold;
}
.systemic-title .date-holder p b{
    font-size: 14px;
}
.systemic-desc{
    height: 160px;
    max-height: 160px;
}
.systemic-desc .mCustomScrollBox{

    padding-right: 30px;
}
.systemic-desc p{
    font-size: 16px;
    color: #73909d;
    line-height: 1.6;
}
.systemic-level-item{
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
.systemic-level-image{
    float: left;
    width: 180px;
    height: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.systemic-level-image img{
    width: 100%;
}
.systemic-level-desc{
    float: left;
    width: calc( 100% - 180px );
    padding: 25px 0;
    height: 180px;
    cursor: pointer;
}
.systemic-level-desc .text-middle{
    height: 100%;
    -webkit-box-shadow: 0px 1px 46px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow:  0px 1px 46px 0px rgba(162, 162, 162, 0.25);
    box-shadow:  0px 1px 46px 0px rgba(162, 162, 162, 0.25);
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.systemic-level-desc h2{
    font-size: 16px;
    text-align: center;
    width: 100%;
    margin: 0;
    color: #73909d;
}
.systemic-level-desc h2,
.systemic-level-desc .text-middle{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.systemic-level-item:hover .text-middle,
.systemic-level-item.active .text-middle,
.systemic-level-item.temp-active .text-middle{
    background-color: #27b7f5
}
.systemic-level-item:hover h2,
.systemic-level-item.active h2,
.systemic-level-item.temp-active h2{
    color: #ffffff
}
#municipality-section .view-report-holder{
    top: 20px;
    left: calc( 100% - 100px );
    width: 90px;
}
#municipality-section .view-report-holder .view-report-btn{width: 90px;padding: 29.5px 60px 29.5px 20px;-webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);-moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);border: 0 !important;}
#municipality-section .view-report-holder .view-report-btn span{
    display: none;
}
#municipality-section .view-report-holder.open .report-items{
    right: 0;
    left: auto;
}
.years-box .view-report-holder{
    top: 0;
    left: auto;
    right: 0;
}
.years-box .view-report-btn{
    padding: 15px 60px 11.5px 20px;
    margin: 5px 5px 5px 0;
    width: 250px;
}
.sitemap-item{
    -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);
    padding: 10px 10px 25px 10px;
    margin-bottom: 32px;
    cursor: pointer;
}
.sitemap-item a{
    display: block;
    z-index: 100;
    position: relative;
}
.sitemap-item h2{
    font-size: 16px;
    color: #999999;
    margin: 0;
    padding: 0 16px;
    text-align: center;
    height: 50px;
    line-height: 1.6;
}
#sitemap  .sitemap-item .text-description{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table-cell;
    background-color: #fff;
    opacity: 0;
    padding: 12px 12px 0;
    -webkit-transition: 1.0s all cubic-bezier(0.48, 0.18, 0, 0.98) 0.2s;
    -moz-transition: 1.0s all cubic-bezier(0.48, 0.18, 0, 0.98) 0.2s;
    -ms-transition: 1.0s all cubic-bezier(0.48, 0.18, 0, 0.98) 0.2s;
    -o-transition: 1.0s all cubic-bezier(0.48, 0.18, 0, 0.98) 0.2s;
    transition: 1.0s all cubic-bezier(0.48, 0.18, 0, 0.98) 0.2s;

    transform: scale(0.5)
}
#sitemap  .sitemap-item .text-description .text-middle{
    height: 100%;
}
#sitemap  .sitemap-item:hover .text-description{
    opacity: 1;

    transform: scale(1)
}
#sitemap  .sitemap-item:hover h2,
#sitemap  .sitemap-item:hover .icon-holder{
    opacity: 0;
}

#sitemap  .sitemap-item h2,
#sitemap  .sitemap-item .icon-holder{
    -webkit-transition: 0.8s all cubic-bezier(0.48, 0.18, 0, 0.98);
    -moz-transition: 0.8s all cubic-bezier(0.48, 0.18, 0, 0.98);
    -ms-transition: 0.8s all cubic-bezier(0.48, 0.18, 0, 0.98);
    -o-transition: 0.8s all cubic-bezier(0.48, 0.18, 0, 0.98);
    transition: 0.8s all cubic-bezier(0.48, 0.18, 0, 0.98);
}


#sitemap .ls-row>div:hover .sitemap-item:before, #sitemap .ls-row>div:hover .sitemap-item:after  {
    opacity:  1;
    -webkit-transform:  scale(1);
    transform:  scale(1);
    -webkit-transition:  all 1s ease;
    -moz-transition:  all 1s ease;
    -o-transition:  all 1s ease;
    transition:  all 1s ease;
}

.sitemap-item:before, .sitemap-item:after {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    content: '';
    opacity: 0;
}
.sitemap-item:before {
    top:  -1px;
    right:  -1px;
    bottom:  -1px;
    left:  -1px;
    border-top: 2px solid #ffd500;
    border-bottom: 2px solid #ffd500;
    -webkit-transform:  scale(0, 1);
    transform:  scale(0, 1);
    -webkit-transform-origin:  0 0;
    transform-origin:  0 0;
}
.sitemap-item:after  {
    top:  -1px;
    right:  -1px;
    bottom:  -1px;
    left:  -1px;
    border-right: 2px solid #ffd500;
    border-left: 2px solid #ffd500;
    -webkit-transform:  scale(1, 0);
    transform:  scale(1, 0);
    -webkit-transform-origin:  100% 0;
    transform-origin:  100% 0;
}


#sitemap .ls-container-fluid{
    padding-right: 78px;
    padding-left: 78px;
}
#sitemap .ls-row{
    margin-right: -39px;
    margin-left: -39px;
}
#sitemap .ls-row div[class^="ls-"]{
    padding-right: 39px;
    padding-left: 39px;
}
#sitemap .icon-holder{
    height: 86px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 35px;
    opacity: 0.8;
}
#sitemap .ls-row>div:nth-of-type(1) .icon-holder{
    background-image: url('../img/map-icon-1.svg');
}
#sitemap .ls-row>div:nth-of-type(1):hover h2{
    color: rgb(45, 211, 143);
}
#sitemap .ls-row>div:nth-of-type(1) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(1) .sitemap-item:before{
    border-color: #2dd38f;
}
#sitemap .ls-row>div:nth-of-type(1):hover .icon-holder{
    background-image: url('../img/map-icon-1.svg');
}
/* !! */
#sitemap .ls-row>div:nth-of-type(2) .icon-holder{
    background-image: url('../img/map-icon-2.svg');
}
#sitemap .ls-row>div:nth-of-type(2):hover h2{
    color: #f26175;
}
#sitemap .ls-row>div:nth-of-type(2) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(2) .sitemap-item:before{
    border-color: #f26175;
}
#sitemap .ls-row>div:nth-of-type(2):hover .icon-holder{
    background-image: url('../img/map-icon-2.svg');
}
/* !! */
#sitemap .ls-row>div:nth-of-type(3) .icon-holder{
    background-image: url('../img/map-icon-3.svg');
}
#sitemap .ls-row>div:nth-of-type(3):hover h2{
    color: #01c0b9;
}
#sitemap .ls-row>div:nth-of-type(3) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(3) .sitemap-item:before{
    border-color: #01c0b9;
}
#sitemap .ls-row>div:nth-of-type(3):hover .icon-holder{
    background-image: url('../img/map-icon-3.svg');
}
/* !! */
#sitemap .ls-row>div:nth-of-type(4) .icon-holder{
    background-image: url('../img/map-icon-4.svg');
}
#sitemap .ls-row>div:nth-of-type(4):hover h2{
    color: #9e7ac2;
}
#sitemap .ls-row>div:nth-of-type(4) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(4) .sitemap-item:before{
    border-color: #9e7ac2;
}
#sitemap .ls-row>div:nth-of-type(4):hover .icon-holder{
    background-image: url('../img/map-icon-4.svg');
}
/* !! */
#sitemap .ls-row>div:nth-of-type(5) .icon-holder{
    background-image: url('../img/map-icon-5.svg');
}
#sitemap .ls-row>div:nth-of-type(5):hover h2{
    color: #27b7f5;
}
#sitemap .ls-row>div:nth-of-type(5) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(5) .sitemap-item:before{
    border-color: #27b7f5;
}
#sitemap .ls-row>div:nth-of-type(5):hover .icon-holder{
    background-image: url('../img/map-icon-5.svg');
}
/* !! */
#sitemap .ls-row>div:nth-of-type(6) .icon-holder{
    background-image: url('../img/map-icon-6.svg');
}
#sitemap .ls-row>div:nth-of-type(6):hover h2{
    color: #ff7659;
}
#sitemap .ls-row>div:nth-of-type(6) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(6) .sitemap-item:before{
    border-color: #ff7659;
}
#sitemap .ls-row>div:nth-of-type(6):hover .icon-holder{
    background-image: url('../img/map-icon-6.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(7) .icon-holder{
    background-image: url('../img/map-icon-7.svg');
}
#sitemap .ls-row>div:nth-of-type(7):hover h2{
    color: #606ffd;
}
#sitemap .ls-row>div:nth-of-type(7) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(7) .sitemap-item:before{
    border-color: #606ffd;
}
#sitemap .ls-row>div:nth-of-type(7):hover .icon-holder{
    background-image: url('../img/map-icon-7.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(8) .icon-holder{
    background-image: url('../img/map-icon-8.svg');
}
#sitemap .ls-row>div:nth-of-type(8):hover h2{
    color: #66c017;
}
#sitemap .ls-row>div:nth-of-type(8) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(8) .sitemap-item:before{
    border-color: #66c017;
}
#sitemap .ls-row>div:nth-of-type(8):hover .icon-holder{
    background-image: url('../img/map-icon-8.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(9) .icon-holder{
    background-image: url('../img/map-icon-9.svg');
}
#sitemap .ls-row>div:nth-of-type(9):hover h2{
    color: #d97c67;
}
#sitemap .ls-row>div:nth-of-type(9) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(9) .sitemap-item:before{
    border-color: #d97c67;
}
#sitemap .ls-row>div:nth-of-type(9):hover .icon-holder{
    background-image: url('../img/map-icon-9.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(10) .icon-holder{
    background-image: url('../img/map-icon-10.svg');
}
#sitemap .ls-row>div:nth-of-type(10):hover h2{
    color: #ffa800;
}
#sitemap .ls-row>div:nth-of-type(10) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(10) .sitemap-item:before{
    border-color: #ffa800;
}
#sitemap .ls-row>div:nth-of-type(10):hover .icon-holder{
    background-image: url('../img/map-icon-10.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(11) .icon-holder{
    background-image: url('../img/map-icon-11.svg');
}
#sitemap .ls-row>div:nth-of-type(11):hover h2{
    color: #f868af;
}
#sitemap .ls-row>div:nth-of-type(11) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(11) .sitemap-item:before{
    border-color: #f868af;
}
#sitemap .ls-row>div:nth-of-type(11):hover .icon-holder{
    background-image: url('../img/map-icon-11.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(12) .icon-holder{
    background-image: url('../img/map-icon-12.svg');
}
#sitemap .ls-row>div:nth-of-type(12):hover h2{
    color: #2f7ef5;
}
#sitemap .ls-row>div:nth-of-type(12) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(12) .sitemap-item:before{
    border-color: #2f7ef5;
}
#sitemap .ls-row>div:nth-of-type(12):hover .icon-holder{
    background-image: url('../img/map-icon-12.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(13) .icon-holder{
    background-image: url('../img/map-icon-13.svg');
}
#sitemap .ls-row>div:nth-of-type(13):hover h2{
    color: #2dd38f;
}
#sitemap .ls-row>div:nth-of-type(13) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(13) .sitemap-item:before{
    border-color: #2dd38f;
}
#sitemap .ls-row>div:nth-of-type(13):hover .icon-holder{
    background-image: url('../img/map-icon-13.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(14) .icon-holder{
    background-image: url('../img/map-icon-14.svg');
}
#sitemap .ls-row>div:nth-of-type(14):hover h2{
    color: #f26175;
}
#sitemap .ls-row>div:nth-of-type(14) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(14) .sitemap-item:before{
    border-color: #f26175;
}
#sitemap .ls-row>div:nth-of-type(14):hover .icon-holder{
    background-image: url('../img/map-icon-14.svg');
}

/* !! */
#sitemap .ls-row>div:nth-of-type(15) .icon-holder{
    background-image: url('../img/map-icon-15.svg');
}
#sitemap .ls-row>div:nth-of-type(15):hover h2{
    color: #01c0b9;
}
#sitemap .ls-row>div:nth-of-type(15) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(15) .sitemap-item:before{
    border-color: #01c0b9;
}
#sitemap .ls-row>div:nth-of-type(15):hover .icon-holder{
    background-image: url('../img/map-icon-15.svg');
}
/* !! */
#sitemap .ls-row>div:nth-of-type(16) .icon-holder{
    background-image: url('../img/map-icon-16.svg');
}
#sitemap .ls-row>div:nth-of-type(16):hover h2{
    color: #9e7ac2;
}
#sitemap .ls-row>div:nth-of-type(16) .sitemap-item:after,
#sitemap .ls-row>div:nth-of-type(16) .sitemap-item:before{
    border-color: #9e7ac2;
}
#sitemap .ls-row>div:nth-of-type(16):hover .icon-holder{
    background-image: url('../img/map-icon-16.svg');
}




/* Report Css */
.download-box-border{
    height: 80px;
    padding: 9px 9px 9px 15px;
}
.view-report-holder{
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
}
.view-report-btn{
    outline: none;
    border: 1px solid #e5edf2;
    background-color: transparent;
    padding: 24px 60px 20px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    color: #333333;
    width: 300px;
    text-align: left;
    position: relative;
    max-width: 100%;
}
#ourwork-section .view-report-btn{
    width: 340px;
}
#ourwork-section .back-to-main{
    position: absolute;
}
.view-report-btn .PDF{
    position: absolute;
    width: 20px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    right: 46px;
    background-image: url('../img/report-pdf.svg');
}
.view-report-btn .toggle-icon{
    right: 16px;
    top: 50%;
    position: absolute;
    margin-top: -4px;
    width: 14px;
    height: 8px;
    background-image: url(../img/report-arrow.svg);
    -webkit-transition: -webkit-transition-duration 0.25s ease;
    -moz-transition: -moz-transition-duration 0.25s ease;
    -o-transition: -o-transition-duration 0.25s ease;
    transition: transform 0.25s ease;
}
.view-report-holder.open .view-report-btn .toggle-icon{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.view-report-holder.fixed{
    position: relative;
    right: auto;
    top: auto;
    max-width: 100%;
}
.report-items{
    position: absolute;
    left: -50%;
    min-width: 380px;
    -webkit-box-shadow: 0px 0px 29px 0px rgba(46, 31, 3, 0.16);
    -moz-box-shadow: 0px 0px 29px 0px rgba(46, 31, 3, 0.16);
    box-shadow: 0px 0px 29px 0px rgba(46, 31, 3, 0.16);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
    /* display: none; */
    background-color: #fff;
}
.view-report-holder.open .report-items{
    display: block;
}
.report-item{
    display: block;
    border-bottom: 1px solid #d9e5ea;
    color: #73909d;
    position: relative;
}
.report-item a{
    display: block;
    padding: 20px 50px 15px 25px;
}
.report-items .report-item:last-child{
    border-bottom: 0;
}
.report-item i{
    position: absolute;
    height: 27px;
    width: 27px;
    border: 3px solid #94a2a8;
    background-color: #ebeef1;
    margin-top: -13.5px;
    top: 50%;
    right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: url(../img/report-item-arrow.svg);
    background-size: 11px auto;
    background-repeat: no-repeat;
    background-position: center;
}
.view-report-holder .report-item{
    max-height: 0;
    overflow: auto;
}
.view-report-holder:not(.open) .report-item{
    -webkit-animation: 0.25s hide;
    animation: 0.25s hide;
    /*display: none;*/
    border: 0;
}
.view-report-holder.open .report-item{
    -webkit-animation: 0.25s show;
    -moz-animation: 0.25s show;
    animation: 0.25s show;
    overflow: hidden;

    -webkit-transition: max-height 0s ease;
    -moz-transition: max-height 0s ease;
    -o-transition: max-height 0s ease;
    transition: max-height 0s ease;

    max-height: 60px;
}
.view-report-holder.open .report-item:nth-of-type(2){
    -webkit-animation-delay: 0.25s; /* Chrome, Safari, Opera */
    -moz-animation-delay: 0.25s; /* Chrome, Safari, Opera */
    -o-animation-delay: 0.25s; /* Chrome, Safari, Opera */
    animation-delay: 0.25s;

    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.view-report-holder.open .report-item:nth-of-type(3){
    -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    -moz-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    -o-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    animation-delay: 0.5s;

    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.view-report-holder.open .report-item:nth-of-type(4){
    -webkit-animation-delay: 0.75s;  /* Chrome, Safari, Opera */
    -moz-animation-delay: 0.75s;  /* Chrome, Safari, Opera */
    -o-animation-delay: 0.75s; /* Chrome, Safari, Opera */
    animation-delay: 0.75s;

    -webkit-transition-delay: 0.75s;
    -moz-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s;
}
.view-report-holder.open .report-item:nth-of-type(5){
    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    -moz-animation-delay: 1s; /* Chrome, Safari, Opera */
    -o-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;

    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.view-report-holder.open .report-item:nth-of-type(6){
    -webkit-animation-delay: 1.25s; /* Chrome, Safari, Opera */
    -moz-animation-delay: 1.25s; /* Chrome, Safari, Opera */
    -o-animation-delay: 1.25s; /* Chrome, Safari, Opera */
    animation-delay: 1.25s;

    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}
.view-report-holder.upper .report-items,
.caption-box .view-report-holder .report-items,
.download-box-border  .view-report-holder .report-items{
    bottom: calc( 100% + 20px );
    left: -16px;
}
.view-report-holder.left-0 .report-items{
    left: 0px;
}
.download-box-border  .view-report-holder{
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}
.download-box-border  .view-report-holder .view-report-btn{
    width: 100%;
    padding: 21px 60px 17px 20px;
}
.reservefonds-box  .view-report-holder.fixed{
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 20px;
}
.caption-box .view-report-holder.fixed{
    margin-top: 50px;
}
#budgeting .view-report-holder.fixed{
    margin-left: 20px;
    margin-top: 40px;
}
#flaws .view-report-holder{
    top: 25px;
}
#budgeting .bar-chart-box #container-1{
    height: 349px;
}
.inner-tab-layer{

}
.inner-tab-layer .back-to-main{
    color: #344750;
    z-index: 10;
}
.inner-tab-layer .back-to-main:before{
    background-image: url(../img/inner-back-to-main.svg);
}
.pagination>li.disabled{
    display: none;
}
.error{
    border: 1px solid #f26175 !important;
}
.no-data{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    text-align: center;
    color: #333333;
    top: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    display: none;
    font-size: 18px;
}
.no-data span{
    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.municipality-info.collapsed .no-data{
    width: calc( 50% + 7px );
}
.municipality-info.collapsed .no-data:nth-of-type(2){
    left: calc( 50% - 7px );
}

#ourwork-section .view-report-holder.fixed{
    position: fixed;
    z-index: 10;
    top: 140px;
    right: 40px;
}

/* Search menu */
.autu-suggestionsBox {
    position: absolute;
    top: calc( 100% + 10px );
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 101;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    -moz-box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
    box-shadow: 0px 1px 18px 0px rgba(162, 162, 162, 0.25);
}
.search-menu {
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* display: none; */
}
.search-menu li {
    width: 100%;
    color: #27b7f5;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.search-menu li:hover{
    border-bottom: 1px solid #27b7f5;

}
.search-menu li>p, .search-menu li>a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin: 0;
}
.search-menu li>a span{
    color: #27b7f5;
}
.search-menu li>p:hover, .search-menu li>a:hover{
    background-color: transparent;
    cursor: pointer;
}
.search-menu li.divider{
    padding: 2px;
    background-color: #27b7f5;
}
.modal-content{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
}
.citizen-popup .modal-body{
    padding-top: 80px;
    position: relative;
}
.citizen-popup .close{
    top: 15px;
    right: 15px;
    position: absolute;
    outline: none;
}

.citizen-popup form h4{
    display: block;
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-top: 15px;
    padding: 0 15px 20px;
    margin: 0 0 40px;;
    position: relative;
}
.citizen-popup form h4:after {
    content: "";
    position: absolute;
    border-bottom: 3px solid #00aeef;
    bottom: 0;
    width: 42px;
    left: 50%;
    margin-left: -21px;
}
.citizen-popup form textarea{
    width: 100%;
    resize: none;
    overflow: auto;
    outline: none;
    padding: 20px;
    height: 92px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    color: #333333;
    font-size: 14px;
}
.citizen-popup form {
    display: table;
    width: 100%;
}
.citizen-popup form button{
    border: 0;
    background-color: #00aeef;
    color: #fff;
    padding: 16px 25px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    outline: none;
    float: right;
    margin-top: 20px;
}
.citizen-popup .left-line {
    font-size: 16px;
    color: #333333;
    text-align: left;
    margin-top: 15px;
    padding: 0px 0 25px;
}
.citizen-popup .left-line .code{
    color: #27b7f5;
}
.no-border{
    border: 0 !important;
}
.web-name{
    display: inline-block;
    float: left;
}
.web-name h1{
    display: inline-block;
    margin: 0;
    padding: 24px 0;
    line-height: 26px;
    font-size: 20px;
}
.citizen-item.filtered .bootstrap-select.btn-group .dropdown-toggle .caret{
    color: #fff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.citizen-item.filtered .bootstrap-select.btn-group .dropdown-toggle .caret:before {

}
.audits-table .citizen-item.filtered .bootstrap-select.btn-group .dropdown-toggle .caret{
    color: #ffffff;
}
.search-open {
    right: 0;
    top: calc( 100% + 2px );
    display: none;
    padding: 20px 15px;
    position: absolute;
    background: #fcfcfc;
    width: 330px;
}

.search-open input{
    border-right:0;
    border-radius: 0;
}


.search-open .btn-u {
    border: 1px solid #27b7f5;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #27b7f5;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
}
.search-open form {
    margin: 0;
}
.nav>li.search-group.open .search-open {
    display: block;
}
.map-box .map-legend{
    position: absolute;
    left: 40px;
    top: 145px;
}
.map-box .map-legend span{
    display: inline-block;
    background-image: url('../svg/pin.svg');
    width: 26px;
    height: 33px;
    position: relative;
    top: 12px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
}
.municipality-tab-header{
    padding: 0 0 15px;
    background-color: transparent;
    margin: 0;
    color: #333333;
    line-height: 1.42857143;
    font-size: 14px;
    text-align: center;
}
.municipality-tab-header.capital{
    padding: 15px 0 0;
}
.bottom-line{
    border-bottom: 1px solid #ddd;
}
.flaw-title{
    color: rgb(255, 90, 84);
    padding-bottom: 10px;
    display: block;
    font-size: 16px;
}
.prediction-desc{
    color: #333333;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.budget-menu-holder #container-1 .highcharts-title,
.budget-menu-holder #container-2 .highcharts-title{
    opacity: 0;
}
#sitemap .view-report-btn {
    padding: 24px 75px 20px 20px;
}
.left-bar{
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
.left-bar .bar-item{
    height: 60px;
    max-width: 60px;
    background-color: #ffffff;
    margin-bottom: 20px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 100000;
}
.left-bar .bar-item>span,
.left-bar .bar-item>a>span{
    height: 60px;
    width: 60px;
    display: block;
    float: left;
    background-color: #fff;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
}
.left-bar .bar-item:nth-of-type(1) a>span{
    background-image: url('../img/icon-1.png');
}
.left-bar .bar-item:nth-of-type(2)>span{
    background-image: url('../img/icon-2.png');
}
.left-bar .bar-item:nth-of-type(3)>span{
    background-image: url('../img/icon-3.png');
}
.left-bar .bar-item:nth-of-type(1) a{
    /* color: #27b7f5;
     font-size: 14px;
     text-transform: uppercase;
     display: block;
     padding-right: 40px;
     float: left;
     padding: 20px 40px 20px 0;
     width: 108px;*/
}
.left-bar .bar-item:nth-of-type(2) p{
    color: #27b7f5;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    display: block;
    padding: 10px 30px 8px 15px;
    width: 248px;
    text-align: center;
    line-height: 1.5;
}
.left-bar .bar-item:nth-of-type(1):hover{
}
.left-bar .bar-item:nth-of-type(2):hover{
    max-width: 509px;
}
.left-bar .bar-item:nth-of-type(1),
.left-bar .bar-item:nth-of-type(2){
    -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.left-bar .bar-item:nth-of-type(3){
    background-color: transparent;
}
.left-bar .bar-item:nth-of-type(3).open,
.left-bar .bar-item:nth-of-type(3):hover{
    overflow: visible;
    max-width: 109px;
    width: 109px;
}
.left-bar .bar-item:nth-of-type(3):after{
    content:"\A";
    border-style: solid;
    border-width: 11px 0px 11px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    right: 0;
    bottom: 19px;
    -webkit-transition: all 0.2s linear 0.2s;
    -moz-transition: all 0.2s linear 0.2s;
    -ms-transition: all 0.2s linear 0.2s;
    -o-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
}
.left-bar .bar-item:nth-of-type(3).open:after,
.left-bar .bar-item:nth-of-type(3):hover:after{
    border-width: 11px 11px 11px 0;
}
.left-bar .bar-item:nth-of-type(3).open .message-box,
.left-bar .bar-item:nth-of-type(3):hover .message-box{
    max-width: 500px;
    max-height: 500px;
    bottom: -50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.message-box{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #ffffff;
    width: 385px;
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: -19px;
    -ms-transform: translate(100%, 0%);
    -moz-transform: translate(100%, 0%);
    -o-transform: translate(100%, 0%);
    -webkit-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
    max-width: 0;
    max-height: 0;
    /*
    -ms-transform-origin: 20% 40%;
    -moz-transform-origin: 20% 40%;
    -o-transform-origin: 20% 40%;
    -webkit-transform-origin: 20% 40%;
    transform-origin: 20% 40%;

   -ms-transform: translate(100%, 0) scale(1);
   -moz-transform: translate(100%, 0) scale(1);
   -o-transform: translate(100%, 0) scale(1);
   -webkit-transform: translate(100%, 0) scale(1);
   transform: translate(100%, 0) scale(1);
  */
    -webkit-transition: all 0.42s linear 0s, max-width 0.367s linear 0s, bottom 0.28s linear 0s;
    -moz-transition: all 0.42s linear 0s, max-width 0.367s linear 0s, bottom 0.28s linear 0s;
    -ms-transition: all 0.42s linear 0s, max-width 0.367s linear 0s, bottom 0.28s linear 0s;
    -o-transition: all 0.42s linear 0s, max-width 0.367s linear 0s, bottom 0.28s linear 0s;
    transition: all 0.42s linear 0s, max-width 0.367s linear 0s, bottom 0.28s linear 0s;
}
.message-box .box-holder{
    padding: 22px;
}
.message-box .box-holder>p{
    color: #33b8f2;
    text-align: center;
    font-size: 14px;
    margin: 0;
    margin-bottom: 22px;
}
.message-box .box-holder>input{
    height: 54px;
    border: 1px solid #b7d7e8;
    resize: none;
    margin-bottom: 22px;
    width: 100%;
    outline: none;
    display: block;
    padding: 0 30px;
    display: none;
}
.message-box .box-holder>textarea{
    height: 105px;
    border: 1px solid #b7d7e8;
    resize: none;
    margin-bottom: 22px;
    width: 100%;
    outline: none;
    display: block;
    padding: 10px 20px;
}
.message-box .box-holder>button.message-submit{
    color: #ffffff;
    background-color: #27b7f5;
    width: 125px;
    height: 48px;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    border: 0;
}
.message-box .bootstrap-select{
    max-width: 100%;
    margin-bottom: 22px;
}
.message-box .dropdown-toggle {
    height: 54px;
    border: 1px solid #b7d7e8;
    padding: 0 30px;
    background-color: transparent;
    border-radius: 0;
}
.message-box .open .dropdown-toggle{
    border-bottom-color: transparent;
}
.message-box .open .dropdown-menu{
    border: 1px solid #b7d7e8;
    border-top: 0;
}
.bottom-bar{
    position: absolute;
    right: 80px;
    bottom: 60px;
}
.bottom-bar a:nth-of-type(1){
    display: inline-block;
    margin-right: 45px;
}
.bottom-left-bar{
    position: absolute;
    left: 100px;
    bottom: 60px;
}
.top-bar{
    position: absolute;
    right: 80px;
    top: 160px;
    text-align: right;
}
.top-bar img{
    width: 52px;
}
.top-bar span{
    color: #fff;
    font-size: 15px;
    text-align: center;
    display: block;
    letter-spacing: initial;
    line-height: normal;
    padding-top: 8px;
}
.top-bar a{
    display: block;
    text-align: center;
}
.feedback_message>div{
    margin-top: 22px;
}
.nytg-overlay {
    /* position: absolute; */
    display: none;
    color: #666;
    width: 100%;
}
.navbar-center.nav>li>a{
    font-size: 14px;
}


/* sdg start*/
ul{
    padding: 0;
}
.sd-goals .box-item-header{
    display: table;
    margin: 0 auto 40px;
    position: relative;
}
.sd-goals .box-item-header:after{
    content: "";
    position: absolute;
    border-bottom: 3px solid;
    bottom: -15px;
    width: 42px;
    left: 50%;
    border-color: #27b7f5 !important;
    margin-left: -21px;
}
.sd-goals .chart-info{
    top: 0;
    right: 110px;
}
.sd-goals{
    background-color: #ffffff;
    padding-top: 40px;
}
.sdg-info{
    position: relative;
    padding: 10px 110px 20px 70px;
}
.sdg-description{
    padding: 0 110px 10px 70px;
}
.sdg-description-holder{
    height: 536px;
}
.sdg-description-holder .description{
    height: 462px;
}
.sdg-description-item{
    display: none;
}
.sdg-description-item.active{
    display: block;
}
.sdg-description-item .description li{
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 1.6;
}
.sdg-description-item .description li:after{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    background-color: #27b7f5;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.sdg-items{
    display: table;
    width: 100%;
}
.sdg-items-holder{
    position: relative;
    display: block;
    width: 440px;
    height: 440px;
    margin: 190px auto;
}
.sdg-item-titles-holder{
    position: absolute;
    display: block;
    width: 270px;
    height: 270px;
    top: 305px;
    left: 50%;
    margin-left: -135px;
}
.sdg-item-titles-holder .sdg-item-title{
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.sdg-item-titles-holder .sdg-item-title h4{
    color: #911538;
    font-size: 28px;
    font-weight: bold;
}
.sdg-item-titles-holder .sdg-item-title p{
    color: #333333;
    font-size: 22px;
}
.sdg-item-titles-holder .sdg-item-title .text-middle{
    height: 100%;
}
.sdg-item-titles-holder .sdg-item-title .text-middle>div{
    width: 100%;
}
.sdg-item-titles-holder .sdg-item-title.active{
    display: block;
}
.sdg-items-holder .sdg-circle-part{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 102px;
    -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    opacity: 0;
}
.sdg-items-holder .sdg-circle-part svg{
    width: 120px;
    height: 102px;
}
.sdg-audits-holder{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    display: table;
    width: 100%;
}
.sdg-audits-more{
    color: #27b7f5;
    text-align: right;
    font-size: 16px;
    position: relative;
    padding: 20px 15px 40px 0;
}
.sdg-audits-more:after{
    content: "";
    position: absolute;
    top: 22px;
    right: 0;
    background-image: url(../img/drop-icon.svg);
    width: 13px;
    height: 13px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sdg-audits-holder>div{
    text-align: center;
    color: #333333;
    font-size: 16px;
    padding: 36px 0;
    display: table-cell;
    width: 33.33%;
}
.sdg-audits-holder>div>span{
    display: inline-block;
    padding: 5px 30px 9px 0;
}
.sdg-audits-holder>div>i{
    font-size: 22px;
    color: #ffffff;
    position: relative;
}
.sdg-audits-holder>div>i>i{
    position: relative;
    z-index: 1;
}
.sdg-audits-holder>div>i:after{
    content: "";
    position: absolute;
    height: 54px;
    width: 54px;
    left: 50%;
    top: 50%;
    margin: -27px 0 0 -27px;
    background-color: #27b7f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.sdg-items-holder .sdg-circle-part path{
    cursor: pointer;
}
.sdg-items-holder .sdg-circle-part .index{
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    top: 40px;
    left: 25px;
}
.sdg-logo-holder{
    position: relative;
    height: 40px;
    margin: 10px 0;
    max-width: 340px;
}
.sdg-logo-holder div{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    vertical-align: middle;
}
.sdg-logo-holder div img{
    height: 40px;
    display: table-cell;
}
.sdg-logo-holder div span{
    color: #333333;
    display: table-cell;
    padding-top: 5px;
    margin: 0;
    padding: 0 0 0 10px;
    vertical-align: middle;
    top: 4px;
    position: relative;
}
.sdg-logo-holder div.active{
    display: table;
}
.sdg-items-holder .sdg-circle-part .icon{
    position: absolute;
    display: block;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.sdg-items-holder .sdg-circle-part path{
    position: relative;
}
.sdg-items-holder .sdg-circle-part .icon,
.sdg-items-holder .sdg-circle-part path,
.sdg-items-holder .sdg-circle-part .index{
    cursor: pointer;
    z-index: 5;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(1) .st0{
    fill: #f0454f;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(2) .st0{
    fill: #d9a546;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(3) .st0{
    fill: #4cb069;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(4) .st0{
    fill: #d04958;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(5) .st0{
    fill: #f3654c;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(6) .st0{
    fill: #34bde1;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(7) .st0{
    fill: #fab134;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(8) .st0{
    fill: #911538;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(9) .st0{
    fill: #f6893f;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(10) .st0{
    fill: #e8349d;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(11) .st0{
    fill: #fab134;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(12) .st0{
    fill: #d9a546;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(13) .st0{
    fill: #6b9361;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(14) .st0{
    fill: #3595ca;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(15) .st0{
    fill: #7bc965;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(16) .st0{
    fill: #3475a4;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(17) .st0{
    fill: #455e89;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(1) .icon{
    background-image: url(../img/sdg/icon-1.svg);
    top: 4px;
    left: 19px;
    width: 54px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(2) .icon{
    background-image: url(../img/sdg/icon-2.svg);
    top: 12px;
    left: 32px;
    width: 51px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(3) .icon{
    background-image: url(../img/sdg/icon-3.svg);
    top: 23px;
    left: 32px;
    width: 56px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(4) .icon{
    background-image: url(../img/sdg/icon-4.svg);
    top: 29px;
    left: 43px;
    width: 53px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(5) .icon{
    background-image: url(../img/sdg/icon-5.svg);
    top: 25px;
    left: 62px;
    width: 38px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(6) .icon{
    background-image: url(../img/sdg/icon-6.svg);
    top: 30px;
    left: 78px;
    width: 33px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(7) .icon{
    background-image: url(../img/sdg/icon-7.svg);
    top: 22px;
    left: 77px;
    width: 44px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(8) .icon{
    background-image: url(../img/sdg/icon-8.svg);
    top: 14px;
    left: 82px;
    width: 40px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(9) .icon{
    background-image: url(../img/sdg/icon-9.svg);
    top: 5px;
    left: 88px;
    width: 43px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(10) .icon{
    background-image: url(../img/sdg/icon-10.svg);
    top: -9px;
    left: 88px;
    width: 40px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(11) .icon{
    background-image: url(../img/sdg/icon-11.svg);
    top: -16px;
    left: 79px;
    width: 49px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(12) .icon{
    background-image: url(../img/sdg/icon-12.svg);
    top: -31px;
    left: 77px;
    width: 49px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(13) .icon{
    background-image: url(../img/sdg/icon-13.svg);
    top: -49px;
    left: 79px;
    width: 45px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(13) .icon{
    background-image: url(../img/sdg/icon-13.svg);
    top: -38px;
    left: 60px;
    width: 45px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(14) .icon{
    background-image: url(../img/sdg/icon-14.svg);
    top: -34px;
    left: 48px;
    width: 43px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(15) .icon{
    background-image: url(../img/sdg/icon-15.svg);
    top: -25px;
    left: 43px;
    width: 40px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(16) .icon{
    background-image: url(../img/sdg/icon-16.svg);
    top: -16px;
    left: 38px;
    width: 45px;
}
.sdg-items-holder .sdg-circle-part:nth-of-type(17) .icon{
    background-image: url(../img/sdg/icon-17.svg);
    top: -7px;
    left: 34px;
    width: 45px;
}
.sd-goals[data-id='1'] .sdg-items-holder .sdg-circle-part:nth-of-type(1) .st0{
    stroke: #f0454f;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='2'] .sdg-items-holder .sdg-circle-part:nth-of-type(2) .st0{
    stroke: #d9a546;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='3'] .sdg-items-holder .sdg-circle-part:nth-of-type(3) .st0{
    stroke: #4cb069;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='4'] .sdg-items-holder .sdg-circle-part:nth-of-type(4) .st0{
    stroke: #d04958;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='5'] .sdg-items-holder .sdg-circle-part:nth-of-type(5) .st0{
    stroke: #f3654c;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='6'] .sdg-items-holder .sdg-circle-part:nth-of-type(6) .st0{
    stroke: #34bde1;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='7'] .sdg-items-holder .sdg-circle-part:nth-of-type(7) .st0{
    stroke: #fab134;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='8'] .sdg-items-holder .sdg-circle-part:nth-of-type(8) .st0{
    stroke: #911538;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='9'] .sdg-items-holder .sdg-circle-part:nth-of-type(9) .st0{
    stroke: #f6893f;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='10'] .sdg-items-holder .sdg-circle-part:nth-of-type(10) .st0{
    stroke: #e8349d;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='11'] .sdg-items-holder .sdg-circle-part:nth-of-type(11) .st0{
    stroke: #fab134;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='12'] .sdg-items-holder .sdg-circle-part:nth-of-type(12) .st0{
    stroke: #d9a546;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='13'] .sdg-items-holder .sdg-circle-part:nth-of-type(13) .st0{
    stroke: #6b9361;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='14'] .sdg-items-holder .sdg-circle-part:nth-of-type(14) .st0{
    stroke: #3595ca;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='15'] .sdg-items-holder .sdg-circle-part:nth-of-type(15) .st0{
    stroke: #7bc965;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='16'] .sdg-items-holder .sdg-circle-part:nth-of-type(16) .st0{
    stroke: #3475a4;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='17'] .sdg-items-holder .sdg-circle-part:nth-of-type(17) .st0{
    stroke: #455e89;
    fill: transparent;
    stroke-width: 2px;
}
.sd-goals[data-id='1'] .sdg-items-holder .sdg-circle-part:nth-of-type(1) .index{
    color: #f0454f;
}
.sd-goals[data-id='2'] .sdg-items-holder .sdg-circle-part:nth-of-type(2) .index{
    color: #d9a546;
}
.sd-goals[data-id='3'] .sdg-items-holder .sdg-circle-part:nth-of-type(3) .index{
    color: #4cb069;
}
.sd-goals[data-id='4'] .sdg-items-holder .sdg-circle-part:nth-of-type(4) .index{
    color: #d04958;
}
.sd-goals[data-id='5'] .sdg-items-holder .sdg-circle-part:nth-of-type(5) .index{
    color: #f3654c;
}
.sd-goals[data-id='6'] .sdg-items-holder .sdg-circle-part:nth-of-type(6) .index{
    color: #34bde1;
}
.sd-goals[data-id='7'] .sdg-items-holder .sdg-circle-part:nth-of-type(7) .index{
    color: #fab134;
}
.sd-goals[data-id='8'] .sdg-items-holder .sdg-circle-part:nth-of-type(8) .index{
    color: #911538;
}
.sd-goals[data-id='9'] .sdg-items-holder .sdg-circle-part:nth-of-type(9) .index{
    color: #f6893f;
}
.sd-goals[data-id='10'] .sdg-items-holder .sdg-circle-part:nth-of-type(10) .index{
    color: #e8349d;
}
.sd-goals[data-id='11'] .sdg-items-holder .sdg-circle-part:nth-of-type(11) .index{
    color: #fab134;
}
.sd-goals[data-id='12'] .sdg-items-holder .sdg-circle-part:nth-of-type(12) .index{
    color: #d9a546;
}
.sd-goals[data-id='13'] .sdg-items-holder .sdg-circle-part:nth-of-type(13) .index{
    color: #6b9361;
}
.sd-goals[data-id='14'] .sdg-items-holder .sdg-circle-part:nth-of-type(14) .index{
    color: #3595ca;
}
.sd-goals[data-id='15'] .sdg-items-holder .sdg-circle-part:nth-of-type(15) .index{
    color: #7bc965;
}
.sd-goals[data-id='16'] .sdg-items-holder .sdg-circle-part:nth-of-type(16) .index{
    color: #3475a4;
}
.sd-goals[data-id='17'] .sdg-items-holder .sdg-circle-part:nth-of-type(17) .index{
    color: #455e89;
}
.sd-goals[data-id='1'] .sdg-items-holder .sdg-circle-part:nth-of-type(1) .icon{
    background-image: url(../img/sdg/icon-1-active.svg);
}
.sd-goals[data-id='2'] .sdg-items-holder .sdg-circle-part:nth-of-type(2) .icon{
    background-image: url(../img/sdg/icon-2-active.svg);
}
.sd-goals[data-id='3'] .sdg-items-holder .sdg-circle-part:nth-of-type(3) .icon{
    background-image: url(../img/sdg/icon-3-active.svg);
}
.sd-goals[data-id='4'] .sdg-items-holder .sdg-circle-part:nth-of-type(4) .icon{
    background-image: url(../img/sdg/icon-4-active.svg);
}
.sd-goals[data-id='5'] .sdg-items-holder .sdg-circle-part:nth-of-type(5) .icon{
    background-image: url(../img/sdg/icon-5-active.svg);
}
.sd-goals[data-id='6'] .sdg-items-holder .sdg-circle-part:nth-of-type(6) .icon{
    background-image: url(../img/sdg/icon-6-active.svg);
}
.sd-goals[data-id='7'] .sdg-items-holder .sdg-circle-part:nth-of-type(7) .icon{
    background-image: url(../img/sdg/icon-7-active.svg);
}
.sd-goals[data-id='8'] .sdg-items-holder .sdg-circle-part:nth-of-type(8) .icon{
    background-image: url(../img/sdg/icon-8-active.svg);
}
.sd-goals[data-id='9'] .sdg-items-holder .sdg-circle-part:nth-of-type(9) .icon{
    background-image: url(../img/sdg/icon-9-active.svg);
}
.sd-goals[data-id='10'] .sdg-items-holder .sdg-circle-part:nth-of-type(10) .icon{
    background-image: url(../img/sdg/icon-10-active.svg);
}
.sd-goals[data-id='11'] .sdg-items-holder .sdg-circle-part:nth-of-type(11) .icon{
    background-image: url(../img/sdg/icon-11-active.svg);
}
.sd-goals[data-id='12'] .sdg-items-holder .sdg-circle-part:nth-of-type(12) .icon{
    background-image: url(../img/sdg/icon-12-active.svg);
}
.sd-goals[data-id='13'] .sdg-items-holder .sdg-circle-part:nth-of-type(13) .icon{
    background-image: url(../img/sdg/icon-13-active.svg);
}
.sd-goals[data-id='14'] .sdg-items-holder .sdg-circle-part:nth-of-type(14) .icon{
    background-image: url(../img/sdg/icon-14-active.svg);
}
.sd-goals[data-id='15'] .sdg-items-holder .sdg-circle-part:nth-of-type(15) .icon{
    background-image: url(../img/sdg/icon-15-active.svg);
}
.sd-goals[data-id='16'] .sdg-items-holder .sdg-circle-part:nth-of-type(16) .icon{
    background-image: url(../img/sdg/icon-16-active.svg);
}
.sd-goals[data-id='17'] .sdg-items-holder .sdg-circle-part:nth-of-type(17) .icon{
    background-image: url(../img/sdg/icon-17-active.svg);
}
/* sdg end*/
/* statistics start*/
.statistics-header{
    display: table;
    width: 100%;
    padding: 50px 0 45px 70px;
}
.statistics-header>button{
    height: 88px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    width: 255px;
    text-align: center;
    cursor: initial;
}
.statistics-header>button:not(:nth-of-type(3)){
    margin-right: 75px;
}
.statistics-header>button>i{
    font-size: 40px;
    display: inline-block;
    font-weight: bold;
    padding-right: 20px;
}
.statistics-header>button>span{
    display: inline-block;
}
.statistics-header>button.in-progress{
    background-color: #ffcc00;
}
.statistics-header>button.in-researched{
    background-color: #01c1b9;
}
.statistics-header>button.in-rejected{
    background-color: #ff7659;
}
.search-form{
    position: relative;
    float: right;
    padding-right: 55px;
    padding-top: 19px;
}
.search-form input{
    border: 0;
    color: #bebebe;
    font-size: 16px;
    background-color: #ffffff;
    padding: 14px 35px;
    width: 430px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.search-form .chart-info{
    right: 0;
    top: 26px;
    background-color: #ffffff;
}
.search-form .search-problem{
    position: absolute;
    border: 0;
    background-color: transparent;
    height: 20px;
    width: 50px;
    bottom: 15px;
    right: 55px;
    background-image: url(../img/search-icon.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 0 center;
}
.statistics-body{
    display: table;
    width: 100%;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.statistics-body .bootstrap-select.btn-group button{
    padding-left: 0;
}
.statistics-body>div{
    float: left;
}
.statistics-body>div.header{
    background-color: #27b7f5;
}
.statistics-body>div.header .bootstrap-select.btn-group button{
    padding-left: 70px;
}
.statistics-body>div.header.col-1{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.statistics-body>div.header.col-4{
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}
.statistics-body>div.header.col-1,
.statistics-body>div.header.col-2,
.statistics-body>div.header.col-3{
    border-right: 1px solid #ffffff;
}
.statistics-body>.col{
    width: 100%;
    padding: 60px 50% 20px 70px;
    display: none;
}
.statistics-body .col-title{
    color: #333333;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: bold;
}
.statistics-body .col-description{
    color: #555555;
    font-size: 16px;
    margin: 0 0 30px;
}
.statistics-body>.col-1{
    width: 30%;
}
.statistics-body>.col-1:not(.header){
    padding-left: 70px;
}
.statistics-body>.col-2{
    width: 28%;
}
.statistics-body>.col-3{
    width: 25%;
}
.statistics-body>.col-4{
    width: 17%;
}
.statistics-body>div:not(.col):not(.header){
    padding-top: 20px;
    padding-bottom: 20px;
    height: 71px;
}

.statistics-body>div:not(.header){
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}
.statistics-body>div .person-title{
    color: #003333;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: center;
    position: relative;
}
.statistics-body>div .person-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.statistics-body>div .person-title[data-id='1']:after{
    background-image: url('../img/citizen-status-1.svg');
}
.statistics-body>div .person-title[data-id='2']:after{
    background-image: url('../img/citizen-status-2.svg');
}
.statistics-body>div .person-title[data-id='3']:after{
    background-image: url('../img/citizen-status-3.svg');
}
.statistics-body>div .person-title[data-id='4']:after{
    background-image: url('../img/citizen-status-4.svg');
}
.statistics-body>div .person-title[data-id='5']:after{
    background-image: url('../img/citizen-status-5.svg');
    background-size: 100% auto;
}
.statistics-body>div .person-title[data-id='6']:after{
    background-image: url('../img/citizen-status-6.svg');
}
.statistics-body>div .text-title{
    color: #003333;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 5px;
}
.statistics-body>div .status-title{
    display: table;
    margin: 0 auto;
    -webkit-border-radius: 18.5px;
    -moz-border-radius: 18.5px;
    border-radius: 18.5px;
    border: 1px solid;
    padding: 3px 25px 5px 50px;
    position: relative;
    width: 175px;
    text-align: center;
}
.statistics-body>div .status-title:after{
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: 29px;
    top: 50%;
    margin-top: -4px;
}
.statistics-body>div .status-title.status-3{
    color: #01c1b9;
    border-color: #01c1b9;
}
.statistics-body>div .status-title.status-3:after{
    background-color: #01c1b9;
}
.statistics-body>div .status-title.status-2{
    color: #ffcc00;
    border-color: #ffcc00;
}
.statistics-body>div .status-title.status-2:after{
    background-color: #ffcc00;
}
.statistics-body>div .status-title.status-4{
    color: #ff7659;
    border-color: #ff7659;
}
.statistics-body>div .status-title.status-4:after{
    background-color: #ff7659;
}
.statistics-body>div .date-title{
    color: #003333;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 3px;
    padding-bottom: 5px;
}
/* statistics end*/
/* rotate-overlay stary*/
.rotate-overlay{
    display: none;
    position: fixed;
    top: 0;
    z-index: 10000000;
    width: 100%;
    height: 100%;
}
.rotate-overlay:before{
    content: "";
    position:  absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.98;
}

.iconContainer {
    width: 360px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -100px;
}
.iconContainer p {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 20px;
    opacity: 0;
}

.phone {
    position: relative;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border: 0 solid #27b7f5;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
.phone i {
    text-align: center;
    width: 100%;
    line-height: 120px;
    font-size: 50px;
    color: #454545;
    opacity: 0;
}

@-webkit-keyframes sizeIncrease {
    0% {
        width: 0;
        height: 10px;
    }
    50% {
        width: 100px;
        height: 10px;
    }
    100% {
        width: 100px;
        height: 160px;
    }
}
@keyframes sizeIncrease {
    0% {
        width: 0;
        height: 10px;
    }
    50% {
        width: 100px;
        height: 10px;
    }
    100% {
        width: 100px;
        height: 160px;
    }
}
/* Add borders */
@-webkit-keyframes borderIncrease {
    100% {
        border-width: 20px 10px;
    }
}
@keyframes borderIncrease {
    100% {
        border-width: 20px 10px;
    }
}
/* fade-in  */
@-webkit-keyframes fadeIn {
    100% {
        color: #27b7f5;
        opacity: 1;
    }
}
@keyframes fadeIn {
    100% {
        color: #27b7f5;
        opacity: 1;
    }
}
/* Rotate device */
@-webkit-keyframes rotateRight {
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes rotateRight {
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
/* rotate-overlay end*/