.editbuget-button,
.saveform-button,
body,
input {
    font-family: Oswald, sans-serif !important
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-y: hidden
}

body {
    font-size: 13pt !important;
    text-align: center !important;
    background: url(../img/bg.png) #3f484d !important;
    color: #fff !important;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

.zerorow {
    height: 26px;
    overflow: hidden
}

div.openbudget-main-menu {
    height: 100%;
    margin-bottom: 10px;
    font: Helvetica, 'Helvetica Sans Unicode', sans-serif;
    border-top: solid #5C97C4 1px;
    border-bottom: solid #3E7095 1px;
    background: linear-gradient(to bottom, #64A9DD 0, #4191CD 50%, #3989C5 50%, #5098CE 100%)
}

div.openbudget-main-menu img {
    float: left
}

div.openbudget-main-menu ul.menu {
    float: right;
    margin: 0;
    padding: 0;
    height: 100%
}

div.openbudget-main-menu ul.menu li {
    float: left;
    padding: 0;
    height: 100%
}

div.openbudget-main-menu ul.menu li:hover {
    background: linear-gradient(to bottom, #6DBDF9 0, #5DADE9 50%, #4F9FDB 50%, #62B2EE 100%)
}

div.openbudget-main-menu ul.menu li a {
    float: left;
    width: 102px;
    background: 0 0;
    cursor: pointer;
    overflow: hidden;
    padding-top: 2px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-family: Helvetica, sans-serif
}

div.openbudget-main-menu ul.menu li a:hover {
    text-decoration: none
}

div.openbudget-main-menu ul.menu li.last a {
    background: #13639f;
    background: -moz-linear-gradient(left, #13639f 0, #2272ae 6%, #2676b2 9%, #2777b3 11%, #3080bc 89%, #2f7fbb 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #13639f), color-stop(6%, #2272ae), color-stop(9%, #2676b2), color-stop(11%, #2777b3), color-stop(89%, #3080bc), color-stop(100%, #2f7fbb));
    background: -webkit-linear-gradient(left, #13639f 0, #2272ae 6%, #2676b2 9%, #2777b3 11%, #3080bc 89%, #2f7fbb 100%);
    background: -o-linear-gradient(left, #13639f 0, #2272ae 6%, #2676b2 9%, #2777b3 11%, #3080bc 89%, #2f7fbb 100%);
    background: -ms-linear-gradient(left, #13639f 0, #2272ae 6%, #2676b2 9%, #2777b3 11%, #3080bc 89%, #2f7fbb 100%);
    background: linear-gradient(to right, #13639f 0, #2272ae 6%, #2676b2 9%, #2777b3 11%, #3080bc 89%, #2f7fbb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#13639f', endColorstr='#2f7fbb', GradientType=1);
    box-shadow: inset 0 1px 1px 0 rgba(14, 94, 154, .75);
    height: 24px
}

div.openbudget-main-menu ul.menu li a.active,
div.openbudget-main-menu ul.menu li.active-trail a {
    color: #FFF;
    text-decoration: none
}

div.openbudget-main-menu form {
    float: right
}

.globalcontainer {
    min-width: 768px;
    position: relative;
    top: 0;
    left: 0;
    width: 99.75%;
    height: calc(100% - 26px);
    margin: 1px 1px 2px 0;
    line-height: 1.3
}

.bottom-helper,
.center-helper,
.top-helper {
    height: 100%;
    width: 0
}

* {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-sizing: content-box
}

.lefty {
    float: left
}

.righty {
    float: right
}

.clear {
    clear: both
}

.hidden {
    display: none !important
}

.bottom-helper,
.cat-ti-se-ia,
.cat-ti-se-ia .suma,
.center-helper,
.cheltuieli-stat-explicatii .suma,
.top-helper,
.vbottomed,
.vcentered,
.vtopped {
    display: inline-block
}

.vcentered {
    vertical-align: middle;
    margin: 0
}

.vbottomed {
    vertical-align: bottom;
    margin: 0
}

.vtopped {
    vertical-align: top;
    margin: 0
}

.center-helper {
    vertical-align: middle
}

.bottom-helper {
    vertical-align: bottom
}

.top-helper,
.valuetext img {
    vertical-align: top
}

.firstrow {
    height: 39%;
    margin: 2px 0 0;
    width: 99.85%
}

.secondrow {
    height: 60%;
    margin: 0 auto 2px;
    width: 99.5%
}

.cetatean-taxe,
.venituri-cetatean {
    width: 31.5%;
    height: 100%;
    position: relative
}

.cetatean-taxe {
    text-align: right
}

.cheltuieli-stat,
.venituri-stat {
    width: 68.5%;
    height: 100%;
    position: relative;
    color: #969da3
}

.venituri-stat {
    top: 14%;
    height: 86%
}

.button {
    text-align: left;
    cursor: pointer
}

.buttons-container-stat .button {
    text-align: right
}

.venituri-cetatean .button.square {
    position: absolute;
    left: 0;
    width: 9%;
    height: 11%;
    z-index: 3
}

.venituri-cetatean #id6,
.venituri-cetatean #id8,
.venituri-cetatean #id9 {
    top: 5%;
    text-align: center
}

.venituri-cetatean #id9 {
    left: 9%
}

.venituri-cetatean #id7 {
    top: 5%
}

.venituri-cetatean #id7 img {
    max-height: 100% !important
}

.venituri-cetatean #id1 {
    top: 5%
}

.venituri-cetatean #id2 {
    top: 16%
}

.venituri-cetatean #id3 {
    top: 44%
}

.venituri-cetatean #id4 {
    top: 28%
}

#id4.extended .bgextended {
    position: absolute;
    width: 40%;
    top: 3%;
    left: 0;
    height: 96%;
    z-index: -1;
    max-height: 63px;
    background: -moz-linear-gradient(top, rgba(39, 49, 56, 1) 0, rgba(61, 72, 80, 1) 3%, rgba(48, 60, 68, 1) 6%, rgba(45, 56, 63, 1) 35%, rgba(35, 43, 48, 1) 90%, rgba(28, 37, 43, 1) 94%, rgba(0, 0, 0, .2) 97%, rgba(0, 0, 0, .07) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(39, 49, 56, 1)), color-stop(3%, rgba(61, 72, 80, 1)), color-stop(6%, rgba(48, 60, 68, 1)), color-stop(35%, rgba(45, 56, 63, 1)), color-stop(90%, rgba(35, 43, 48, 1)), color-stop(94%, rgba(28, 37, 43, 1)), color-stop(97%, rgba(0, 0, 0, .2)), color-stop(100%, rgba(0, 0, 0, .07)));
    background: -webkit-linear-gradient(top, rgba(39, 49, 56, 1) 0, rgba(61, 72, 80, 1) 3%, rgba(48, 60, 68, 1) 6%, rgba(45, 56, 63, 1) 35%, rgba(35, 43, 48, 1) 90%, rgba(28, 37, 43, 1) 94%, rgba(0, 0, 0, .2) 97%, rgba(0, 0, 0, .07) 100%);
    background: -o-linear-gradient(top, rgba(39, 49, 56, 1) 0, rgba(61, 72, 80, 1) 3%, rgba(48, 60, 68, 1) 6%, rgba(45, 56, 63, 1) 35%, rgba(35, 43, 48, 1) 90%, rgba(28, 37, 43, 1) 94%, rgba(0, 0, 0, .2) 97%, rgba(0, 0, 0, .07) 100%);
    background: -ms-linear-gradient(top, rgba(39, 49, 56, 1) 0, rgba(61, 72, 80, 1) 3%, rgba(48, 60, 68, 1) 6%, rgba(45, 56, 63, 1) 35%, rgba(35, 43, 48, 1) 90%, rgba(28, 37, 43, 1) 94%, rgba(0, 0, 0, .2) 97%, rgba(0, 0, 0, .07) 100%);
    background: linear-gradient(to bottom, rgba(39, 49, 56, 1) 0, rgba(61, 72, 80, 1) 3%, rgba(48, 60, 68, 1) 6%, rgba(45, 56, 63, 1) 35%, rgba(35, 43, 48, 1) 90%, rgba(28, 37, 43, 1) 94%, rgba(0, 0, 0, .2) 97%, rgba(0, 0, 0, .07) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#273138', endColorstr='#12000000', GradientType=0)
}

.cetatean,
.cetatean img,
.group-text {
    position: relative
}

#accordion li.header,
.cat-ti-se-ia,
.cheltuieli-stat-explicatii {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3e4e5b', endColorstr='#303a43', GradientType=0)
}

#id4.extended img.vcentered {
    max-height: 100%
}

.cetatean {
    height: 75%;
    left: 10%
}

.venit-cetatean-field {
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center
}

.cat-ti-se-ia,
.cheltuieli-stat-explicatii {
    height: 23%;
    border: 1px solid #233036;
    border-radius: 2px;
    text-align: left;
    background: #3e4e5b;
    background: -moz-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e4e5b), color-stop(100%, #303a43));
    background: -webkit-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: -o-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: -ms-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: linear-gradient(to bottom, #3e4e5b 0, #303a43 100%)
}

.cheltuieli-stat-explicatii {
    color: #fff;
    margin-left: 7%;
    width: 92.9%;
    height: 23%
}

.cat-ti-se-ia {
    width: 99.7%
}

.text {
    background-color: #252e33;
    border-radius: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 7px;
    text-align: justify;
    font-size: 85%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4) inset
}

.just-title .text {
    padding-top: 3px;
    padding-bottom: 0
}

.cat-ti-se-ia .moretext .text,
.cheltuieli-stat-explicatii .moretext .text {
    width: 74%;
    height: 90%;
    margin: 0 1%
}

.cat-ti-se-ia .just-title .text,
.cheltuieli-stat-explicatii .just-title .text {
    width: 99.3%;
    width: -moz-calc(100% - 14px);
    height: 95%
}

.resetbar,
.ti-se-ia {
    width: 22%
}

.cat-ti-se-ia .ti-se-ia {
    width: 21%
}

.cetatean img {
    height: 50%;
    cursor: pointer;
    z-index: 2
}

.group-text .bottom-border,
.group-text .top-border {
    z-index: 1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.venit-cetatean-field .salariutip .salinput {
    border-radius: 11px;
    padding: .6% 0;
    width: 70%;
    text-align: center;
    background-color: #252E33
}

.venit-cetatean-field .salariutip .label {
    margin-bottom: 3px;
    text-align: center;
    width: 90%
}

.suma {
    color: #ffd704;
    font-size: 140%;
    overflow: hidden
}

.saldown {
    text-align: center;
    margin-bottom: 3px
}

.cat-ti-se-ia .suma,
.cheltuieli-stat-explicatii .suma {
    border-radius: 11px;
    padding: 2.4% 4.5% 2% 8%;
    background-color: #252E33;
    text-align: center
}

.cat-ti-se-ia .suma {
    width: 65%;
    padding-top: 4.23%;
    padding-bottom: 4%
}

.cheltuieli-stat-explicatii .suma {
    width: 60%
}

.taxesiimpozite {
    height: 39%
}

.contributii {
    height: 39%;
    white-space: nowrap
}

.bars-container {
    height: 90%;
    width: 100%
}

.group-text {
    height: 10%;
    width: 100%
}

.ti-se-ia .labelcentered {
    width: 75%;
    text-align: center;
    margin-bottom: 4px
}

.group-text .bottom-border {
    position: absolute;
    left: 2%;
    width: 96%;
    top: 0;
    height: 84%;
    border-bottom: 1px solid #fff
}

.group-text .top-border {
    position: absolute;
    left: 7%;
    width: 92.74%;
    top: 17%;
    height: 54%;
    border-top: 1px solid #fff
}

.group-text .odcnav {
    position: absolute;
    left: 4%;
    width: 92%;
    top: 0;
    height: 60%;
    z-index: 2;
    font-size: 220%
}

.odcnav .lefty,
.odcnav .righty {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#accordion li.header,
.bartext {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none
}

.group-text .the-text {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 92%;
    height: 80%;
    z-index: 2;
    text-align: center
}

.negative-sign,
.plus-sign {
    background-size: contain;
    background-repeat: no-repeat;
    height: 13px
}

#accordion li.header,
.axis,
.bartext,
.debugdiv,
.deficitbuget,
.login-form,
.save-form,
.share,
.the-text {
    text-align: left
}

.plus-sign {
    background-image: url(../img/plus-sign.png);
    background-position: 50% bottom
}

.negative-sign {
    background-image: url(../img/negative-sign.png);
    background-position: 50% top
}

.venituri-stat .negative-sign,
.venituri-stat .plus-sign {
    height: 22px
}

.the-percentage {
    background-color: #1e252a;
    height: 14px;
    line-height: 14px
}

.change.negative .plus-sign,
.change.pozitive .negative-sign {
    display: none
}

.change .vcentered {
    width: 100%
}

.cheltuieli-stat .change.pozitive .negative-sign {
    display: block;
    background-image: url(../img/zero-down.png)
}

.cheltuieli-stat .change.negative .plus-sign {
    display: block;
    background-image: url(../img/zero-up.png)
}

.group-text.angajat,
.group-text.angajator {
    display: inline-block
}

.taxesiimpozite .group-text {
    width: 56%;
    left: 37%;
    font-size: 73%
}

.group-text.angajat {
    width: 38%;
    left: 8%
}

.group-text.angajator {
    width: 53%;
    left: -3%
}

.bartext {
    position: absolute;
    top: 10%;
    width: 100%;
    height: 87%;
    z-index: 1;
    color: #7c7c7c;
    user-select: none
}

.cetatean-taxe .bartext {
    text-align: right;
    width: 99%
}

.barbg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 95%;
    border-radius: 4px;
    -webkit-box-shadow: -1px 1px 9px 3px #323B40 inset;
    -moz-box-shadow: -1px 1px 9px 3px #323B40 inset;
    box-shadow: -1px 1px 9px 3px #323B40 inset
}

.cheltuieli-stat .barbg {
    bottom: auto;
    left: 5%;
    height: 100%;
    width: 95%;
    top: 0
}

.cheltuieli-stat .subgroup .barbg {
    background-color: #3F484D
}

.bar {
    height: 100%;
    position: relative;
    cursor: pointer
}

.cetatean-taxe .contributii .bar,
.cetatean-taxe .taxesiimpozite .bar {
    margin-left: 1.22%;
    width: 98.78%;
    margin-top: .4%;
    height: 28%
}

.venituri-stat .bar {
    width: 10.42%;
    margin-left: .6923%
}

.venituri-stat .biggertext {
    width: 10.32%
}

.vbar-wrapper {
    height: 100%;
    position: absolute;
    left: 9%;
    width: 91%
}

.cetatean-taxe .the-text {
    margin-top: .3%;
    margin-bottom: .6%
}

.contributii .vbar-wrapper,
.taxesiimpozite .vbar-wrapper {
    left: 9%;
    bottom: auto;
    top: 0;
    border-radius: 4px;
    background-color: #394248;
    -webkit-box-shadow: -1px 1px 9px 3px #323B40 inset;
    -moz-box-shadow: -1px 1px 9px 3px #323B40 inset;
    box-shadow: -1px 1px 9px 3px #323B40 inset
}

.deficitbuget,
.resetbar {
    -webkit-box-shadow: -1px 1px 9px 3px #323B40 inset
}

.cheltuieli-stat .vbar-wrapper {
    width: 81%
}

.nono .vbar-wrapper {
    height: 87%;
    position: absolute;
    bottom: 13%;
    width: 100%;
    left: auto
}

.valuebar {
    position: absolute;
    height: 100%;
    background-color: #ffd704;
    border-radius: 4px;
    z-index: 1
}

.valuetext {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 80%;
    text-align: center
}

.contributii .valuetext,
.taxesiimpozite .valuetext {
    background: #3e4e5b;
    background: -moz-linear-gradient(top, #303c44 0, #232b30 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #303c44), color-stop(100%, #232b30));
    background: -webkit-linear-gradient(top, #303c44 0, #232b30 100%);
    background: -o-linear-gradient(top, #303c44 0, #232b30 100%);
    background: -ms-linear-gradient(top, #303c44 0, #232b30 100%);
    background: linear-gradient(to bottom, #303c44 0, #232b30 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#303c44', endColorstr='#232b30', GradientType=0);
    border-radius: 3px;
    height: 100%;
    text-align: center;
    width: 9%
}

.contributii .hovered-bar .valuetext,
.taxesiimpozite .hovered-bar .valuetext {
    background: 0 0
}

.filtered-bar .valuebar,
.hovered-bar .valuebar {
    background-color: #0195ff
}

.contributii .hovered-bar .bartext,
.taxesiimpozite .hovered-bar .bartext {
    color: #fff
}

.nono .valuetext img {
    vertical-align: bottom
}

.decrease img,
.increase img,
.valuetext img {
    max-width: 100%;
    max-height: 100%
}

.decrease,
.increase {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    text-align: center
}

.cetatean-taxe .decrease {
    top: 0;
    height: 100%;
    left: 6.5%;
    width: 10%
}

.cetatean-taxe .increase {
    right: 1.5%;
    height: 100%;
    top: 0;
    width: 10%
}

.util-cheltuieli-area .decrease {
    top: 0;
    height: 100%;
    left: 9%;
    width: 5%
}

.util-cheltuieli-area .increase {
    right: 10%;
    height: 100%;
    top: 0;
    width: 5%
}

.bar .decrease,
.bar .increase {
    display: none
}

.hovered-bar.image-cursor .decrease,
.hovered-bar.image-cursor .increase {
    display: block
}

.deficitbuget {
    margin: 0 0 .2%;
    border-radius: 2px;
    width: 2%;
    color: #fff;
    position: absolute;
    overflow: visible;
    height: 94%;
    left: 33%;
    top: .7%;
    background-color: #394248;
    -moz-box-shadow: -1px 1px 9px 3px #323B40 inset;
    box-shadow: -1px 1px 9px 3px #323B40 inset
}

.deficitbarbg {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background-color: #d20001;
    z-index: 1;
    min-height: 1px;
    max-height: 100%
}

.deficit-text-container {
    position: absolute;
    z-index: 2;
    top: .32%;
    left: -10px;
    width: 950%;
    text-align: right
}

.deficit-text-container>.clam {
    position: absolute;
    width: 0;
    height: 0;
    left: 1px;
    bottom: -9px;
    border-right: solid 9px #262D30;
    border-bottom: solid 9px transparent
}

.deficit-text-container>.bg {
    position: relative;
    top: 0;
    left: 0;
    padding: 2px 0;
    width: 100%;
    background: #303A43;
    background: -moz-linear-gradient(top, #303c43 0, #232b31 100%);
    background: -o-linear-gradient(top, #303c43 0, #232b31 100%);
    background: -ms-linear-gradient(top, #303c43 0, #232b31 100%);
    background: linear-gradient(to bottom, #353E43 0, #424A4F 2%, #353E43 3%, #353E43 70%, #282F33 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#303c43', endColorstr='#232b31', GradientType=0);
    border: 1px solid #263137;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .5)
}

.share {
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px
}

#___plusone_0 {
    vertical-align: middle !important
}

#deficit,
.deficit-text {
    position: relative;
    z-index: 2;
    margin-right: 2%
}

.axis {
    height: 71%;
    position: absolute;
    bottom: 10.6%;
    width: 93%;
    right: 0;
    font-size: 120%
}

.axis-row {
    height: 25%;
    position: relative
}

.axis-row .axisdottedline {
    border-top: 1px dashed #7b848b;
    bottom: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.axis-row .textbtm {
    bottom: 0;
    position: absolute;
    font-size: 75%
}

.axis-row .textbtm.centered {
    left: 47%
}

.axis-row .textbtm.righted {
    right: .6%
}

.venituri-stat .bars-group {
    height: 82%;
    position: absolute;
    bottom: 0;
    width: 93%;
    right: 0
}

.capitol,
.nono,
.odc,
.titlu {
    width: 100%;
    height: 100%
}

.hideThird{
    display: none;
}

.nono .bars-container {
    height: 100%
}

.nono .valuebar {
    bottom: 0;
    top: auto;
    min-height: 1px;
    width: 100%
}

.group-text .the-text .vbottomed {
    background: url(../img/bg.png) #3f484d;
    padding: 0 2%;
    text-transform: uppercase
}

.nono .valuetext {
    bottom: 0;
    top: auto;
    font-size: 80%;
    z-index: 2;
    margin-bottom: 6%;
    color: #fff
}

.nono .biggertext .valuetext {
    font-size: 110%;
    margin-bottom: 3%
}

.nono .hovered-bar .valuetext {
    margin-bottom: 0;
    height: 13%
}

.nono .bar {
    cursor: default
}

.buttons-container-stat {
    height: 82%;
    position: relative;
    width: 10%
}

.cheltuieli-stat {
    color: #fff
}

.cheltuieli-stat .bars-group {
    height: 82%;
    position: relative;
    bottom: auto;
    width: 90%;
    right: auto;
    z-index: 2
}

.cheltuieli-stat .bars-group .bars-container {
    background-color: #1b2026
}

.cheltuieli-stat .bars-group .subgroup .bars-container {
    background-color: #414B52
}

.cheltuieli-stat .button.square {
    position: absolute;
    right: 0;
    width: 55%;
    height: 14%
}

.button.selected {
    margin-right: -3px;
    border-right: none;
    cursor: default
}

.cheltuieli-stat .bar .valuetext {
    display: none
}

.cheltuieli-stat .bar .valuebar {
    height: 100%;
    top: 0;
    left: 0
}

.cheltuieli-stat .bar .bartext {
    cursor: pointer;
    overflow: hidden;
    top: 0;
    height: 100%
}

.cheltuieli-stat .bar {
    width: 100%;
    height: 16%;
    cursor: auto;
    background-color: #394248
}

.cheltuieli-stat .row-separator {
    display: block;
    height: .66%
}

.cheltuieli-stat .bars-container {
    border-radius: 3px;
    height: 100%;
    width: 99%
}

.subgroup {
    width: 20%;
    height: 117.6%;
    margin-left: .5%
}

.cheltuieli-stat .bar.shrinked .valuebar {
    background-color: #7d7c06
}

.cheltuieli-stat .filtergroup .group-text .the-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2%;
    text-transform: uppercase;
    height: 37%
}

.cheltuieli-stat .filtergroup .group-text .the-text .vbottomed {
    display: inline
}

.venituri-stat .group-text {
    height: 11%;
    font-size: 130%
}

.venituri-stat .group-text .the-text {
    bottom: auto;
    top: -20%;
    color: #fff
}

.venituri-stat .group-text .the-text .vtopped {
    background: url(../img/bg.png) #3f484d;
    padding: 0 2%;
    text-transform: uppercase
}

#accordion {
    list-style: none;
    padding: 0;
    height: 85%
}

#accordion li.header {
    display: block;
    margin: 1px 1px 1%;
    cursor: pointer;
    padding: 5px 5px 5px 7px;
    list-style: none;
    user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #233036;
    background: #3e4e5b;
    background: -moz-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e4e5b), color-stop(100%, #303a43));
    background: -webkit-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: -o-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: -ms-linear-gradient(top, #3e4e5b 0, #303a43 100%);
    background: linear-gradient(to bottom, #3e4e5b 0, #303a43 100%)
}

#accordion li.header.expanded {
    background: #fefe00;
    color: #5c4e5b
}

#accordion li.content {
    list-style: none;
    padding: 0;
    display: none;
    margin-bottom: 10px
}

#accordion li.content p {
    font-weight: 400;
    cursor: auto;
    padding: .5em
}

#accordion a {
    text-decoration: none
}

#accordion a:hover {
    text-decoration: underline
}

.faq-description {
    padding-right: .8%
}

#accordion li.content ul,
.faq-description ul {
    list-style-type: circle;
    padding-left: 2em;
    padding-right: 1em;
    margin: 1% auto
}

#accordion li.content ul li {
    margin-top: .2em
}

.despre-container,
.faq-container,
.firstvideo-container,
.nicealert-container,
.pie-container,
.save-container,
.video-container {
    background: url(../img/black08opacity.png);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.despreproiect,
.faq,
.nicealert,
.pie,
.save,
.video {
    width: 50%;
    margin: 0 auto;
    background-color: #3c454c;
    padding: 0;
    font-size: 110%;
    text-align: center;
    position: relative
}

.despre-container,
.faq-container,
.firstvideo-container,
.nicealert-container,
.pie-container {
    font-family: 'Open Sans', sans-serif
}

.despreproiect,
.faq,
.pie,
.save,
.video {
    height: 80%;
    top: 6.6%;
    border: 5px solid #fff;
    border-radius: 10px
}

.nicealert {
    height: 60%;
    top: 20%;
    border: 5px solid #fff;
    border-radius: 10px
}

.continua {
    width: 15%;
    margin: 1% auto 0;
    padding: .4% 0;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #233036;
    background: #3e4e5b;
    background: -moz-linear-gradient(top, #3f505a 0, #313a41 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3f505a), color-stop(100%, #313a41));
    background: -webkit-linear-gradient(top, #3f505a 0, #313a41 100%);
    background: -o-linear-gradient(top, #3f505a 0, #313a41 100%);
    background: -ms-linear-gradient(top, #3f505a 0, #313a41 100%);
    background: linear-gradient(to bottom, #3f505a 0, #313a41 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3f505a', endColorstr='#313a41', GradientType=0)
}

.faq,
.save {
    padding: 1.7% 3.5%;
    overflow-x: hidden;
    font-size: 110%;
    overflow-y: auto
}

.faq-header .leftover,
.realpie #mychart .label {
    border-bottom: 1px solid #fff
}

.faq,
.save .faq-description {
    text-align: justify
}

.faq-header {
    margin-bottom: 2%;
    font-size: 120%;
    padding-right: .8%
}

.despreproiect .faq-header,
.nicealert .faq-header,
.pie .faq-header,
.video .faq-header {
    width: 90%;
    margin: .5% auto 2%;
    font-size: 140%
}

.pie .faq-description {
    height: 30%;
    margin: 0 auto;
    overflow: auto;
    width: 90%;
    text-align: justify
}

.faq .faq-description {
    margin: 0 auto;
    width: 60%
}

.despreproiect .faq-description {
    margin: 0 auto;
    width: 80%;
    overflow: auto;
    text-align: justify;
    height: 88%
}

.despreproiect .faq-description a {
    color: #fff;
    text-decoration: underline
}

.despreproiect .faq-description a:hover {
    text-decoration: none
}

.faq .faq-author {
    text-align: right;
    margin-bottom: 10px
}

.realpie {
    bottom: -8%;
    height: 75%;
    left: 0;
    position: absolute;
    width: 100%
}

.realpie canvas {
    cursor: pointer
}

.realpie #mychart {
    position: relative;
    display: inline-block;
    padding: 0 50px;
    height: 100%
}

.realpie #mychart .label {
    position: absolute;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding: 1px 4px
}

.obtitle {
    width: 70%;
    margin: 9% auto 3%;
    font-size: 380%;
    font-weight: 600;
    text-align: center
}

.indicator {
    margin: 7px
}

.otitle {
    color: #0195ff
}

.btitle {
    color: #ffd704
}

.btn-container {
    margin: 2% auto 0;
    width: 80%
}

.btn-container .editbuget-button {
    width: 43%;
    margin-right: 3%;
    padding: 1% 0
}

.nicealert .faq-description {
    margin: 1% auto;
    width: 90%;
    text-align: justify;
    height: 73%;
    overflow: auto;
    padding: 0 .6%
}

.nicealert .faq-header img {
    height: 20px
}

.leftover {
    overflow: hidden;
    width: auto !important
}

.faq-header .lefty {
    margin-right: 2%;
    margin-top: 4px;
    font-weight: 600
}

.alertcloser,
.closer,
.desprecloser,
.piecloser,
.savecloser,
.videocloser {
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 140%;
    z-index: 2
}

.closer,
.savecloser {
    top: 5%;
    right: 20.8%
}

.desprecloser,
.piecloser,
.videocloser {
    top: 5%;
    right: 24.2%
}

.alertcloser {
    right: 24.1%;
    top: 18.2%
}

.save-form-row {
    margin: 2% 0
}

.saveform-input {
    width: 100%;
    padding: 4px 1%;
    background-color: #fff;
    border: none;
    border-radius: 12px
}

.logininput,
.saveform-input-name {
    width: 65%
}

.bugetlist-separator {
    border-bottom: 1px solid #fff
}

.bugetlist-row {
    margin: 1% 0
}

.bugetlist {
    margin-top: 1.5%
}

.bugetlabel span {
    font-style: italic
}

.editbuget-button,
.saveform-button {
    cursor: pointer;
    font-size: 14px;
    width: 15%;
    margin-left: 8%;
    border: 1px solid #2b343b;
    border-radius: 3px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px 0 #010101;
    -moz-box-shadow: 1px 1px 2px 0 #010101;
    box-shadow: 1px 1px 2px 0 #010101;
    background: #4f5962;
    background: -moz-linear-gradient(top, #4f5962 0, #394249 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5962), color-stop(100%, #394249));
    background: -webkit-linear-gradient(top, #4f5962 0, #394249 100%);
    background: -o-linear-gradient(top, #4f5962 0, #394249 100%);
    background: -ms-linear-gradient(top, #4f5962 0, #394249 100%);
    background: linear-gradient(to bottom, #4f5962 0, #394249 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4f5962', endColorstr='#394249', GradientType=0)
}

.editbuget-button a {
    color: #fff
}

.editbuget-button {
    margin-left: 0;
    padding: 1px 6px
}

.deleteform-button {
    margin: 0 5% 0 0;
    float: right
}

.login-form .saveform-button {
    margin-left: 50%
}

#circle-venit {
    position: absolute;
    top: 3%;
    left: 0;
    width: 100%;
    height: 100%
}

#circle-venit>canvas {
    margin: 0 5.5%
}

.debugdiv {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 50%;
    overflow: auto;
    z-index: 100;
    background: url(../img/black08opacity.png)
}

.logentry {
    display: block;
    background-color: #111;
    border-bottom: 2px solid red
}

.hovered-bar .venitfix,
.venitfix {
    background-color: #D20001
}

.venitfix-delimitator {
    border: 1px solid #273037;
    border-bottom: none;
    height: 110%;
    position: absolute;
    right: .1%;
    width: 32.77%;
    bottom: 0
}

.salariuinput,
.salariutip {
    height: 50%;
    text-align: left
}

.salariutip {
    width: 32%;
    margin-left: 1%;
    margin-top: 1%;
    overflow: hidden
}

.salariuinput {
    width: 100%;
    padding-left: 1%
}

.salariuinput .label {
    margin-right: 2%
}

.ti-se-ia .label {
    font-size: 160%
}

.ti-se-ia .label.labelcentered,
.ti-se-ia .value-container {
    white-space: nowrap
}

.value-container .label {
    font-size: 130%;
    margin-left: 2px
}

.circle-legend {
    height: 100%;
    left: -2%;
    margin: 0 5.5% 0 3%;
    position: absolute;
    top: -1.9%;
    width: 50%
}

.bottomlink,
.toplink {
    width: 100%;
    height: 50%;
    position: relative;
    color: #969DA3
}

.cheltuieli-stat .filtered-bar .bartext,
.cheltuieli-stat .hovered-bar .bartext,
.mdiff-text,
.prefix {
    color: #fff
}

.linktocircle {
    height: 25%;
    position: absolute;
    right: 0;
    width: 25%
}

.val1-link,
.val2-link {
    background: url(../img/bg.png) #3f484d;
    right: 10%;
    position: absolute;
    width: 30%
}

.toplink .linktocircle {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    bottom: 4px;
    top: auto
}

.bottomlink .linktocircle {
    border-top: 2px solid #ffd704;
    border-left: 2px solid #ffd704;
    bottom: auto;
    top: 4px
}

.val1-link {
    bottom: 18%;
    height: auto;
    border-bottom: 2px solid #000;
    margin-bottom: 1px
}

.val2-link {
    top: 18%;
    height: 35%;
    border-top: 2px solid #ffd704
}

.mdiff {
    width: 140%;
    position: relative;
    left: -20%
}

.mdiff-text {
    border-radius: 8px;
    padding: 4% 10%;
    background-color: #252E33;
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 110%
}

.val1-link .mdiff-text {
    top: 10px;
    padding: 1% 10% 4%
}

.val1-link .mdiff-image {
    position: relative;
    z-index: 1
}

.val2-link .mdiff-text {
    top: -10px
}

.clink {
    font-size: 110%
}

.input-suma {
    background: none;
    border: 1px solid #212A30;
    border-radius: 11px;
    box-shadow: -1px 1px 9px 3px #323B40 inset;
    color: #FCFD02;
    font-size: 140%;
    text-align: center;
    width: 70%
}

.over .cetatean-taxe .valuebar,
.over .cheltuieli-stat .valuebar,
.over .venituri-stat .valuebar {
    background-color: #D20001
}

.button img {
    width: 99%
}

.buttons-container-stat .button img {
    max-height: 82px;
    max-width: 126px
}

#id0 img {
    max-height: 76px;
    max-width: 75px;
    width: auto;
    height: 100%
}

#id1 img {
    max-height: 63px;
    max-width: 94px
}

#id6 img,
#id8 img,
#id9 img {
    max-height: 70%;
    max-width: 80%;
    width: auto
}

#id2 img,
#id3 img,
#id4 img,
#id5 img,
#id7 img {
    max-height: 63px;
    max-width: 92px
}

.disabled {
    color: #747474
}

.filtergroup {
    width: 100%;
    height: 100%
}

.filters-container {
    left: 1%;
    position: absolute;
    top: 1%;
    width: 98%;
    z-index: 2;
    height: 45%;
    font-size: 110%;
    color: #867E7B
}

.filters-container .filter {
    border: 1px solid #263137;
    border-radius: 3px;
    margin: 2px 5px 2px 0;
    padding: 0 4px;
    cursor: pointer;
    width: 31%;
    overflow: hidden;
    position: absolute;
    text-align: left;
    background: #303A43;
    background: -moz-linear-gradient(top, #303c43 0, #232b31 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #303c43), color-stop(100%, #232b31));
    background: -webkit-linear-gradient(top, #303c43 0, #232b31 100%);
    background: -o-linear-gradient(top, #303c43 0, #232b31 100%);
    background: -ms-linear-gradient(top, #303c43 0, #232b31 100%);
    background: linear-gradient(to bottom, #303c43 0, #232b31 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#303c43', endColorstr='#232b31', GradientType=0)
}

.change,
.cheltuieli-stat .barediter,
.reset-title,
.salariutip input,
.tipsy-inner,
.valuta {
    text-align: center
}

.filters-container .filter .filter-closer {
    border-right: 1px solid #1F2A30;
    display: inline-block;
    height: 100%;
    padding-right: 5px;
    margin-right: 2px
}

.tipsy {
    font-size: 90%;
    position: absolute;
    padding: 5px;
    z-index: 100000
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000
}

.tipsy-arrow-n {
    border-bottom-color: #000
}

.tipsy-arrow-s {
    border-top-color: #000
}

.tipsy-arrow-e {
    border-left-color: #000
}

.tipsy-arrow-w {
    border-right-color: #000
}

.tipsy-n .tipsy-arrow,
.tipsy-nw .tipsy-arrow {
    border-left-color: transparent;
    border-right-color: transparent;
    top: 0;
    border-bottom-style: solid;
    border-top: none
}

.tipsy-n .tipsy-arrow {
    left: 50%;
    margin-left: -5px
}

.tipsy-nw .tipsy-arrow {
    left: 10px
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-s .tipsy-arrow,
.tipsy-se .tipsy-arrow,
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-s .tipsy-arrow {
    left: 50%;
    margin-left: -5px
}

.tipsy-sw .tipsy-arrow {
    left: 10px
}

.tipsy-se .tipsy-arrow {
    right: 10px
}

.tipsy-e .tipsy-arrow,
.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -5px;
    border-bottom-color: transparent
}

.tipsy-e .tipsy-arrow {
    right: 0;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent
}

.tipsy-w .tipsy-arrow {
    left: 0;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent
}

.salariutip input {
    background: 0 0;
    border: none;
    width: 75%
}

.sepi {
    border-right: 1px solid #293239
}

.util-cheltuieli-area {
    width: 93%;
    margin-left: 7%;
    height: 69%;
    background-color: #1d2429
}

.util-cheltuieli-area .capitol-rows,
.util-cheltuieli-area .odc-rows,
.util-cheltuieli-area .titlu-rows {
    width: 33.1%;
    height: 100%;
    margin-right: .2%
}

.util-cheltuieli-area .cheltuieli-header {
    height: 7%;
    background: #3e4e5b;
    background: -moz-linear-gradient(top, #404f5a 0, #303c43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #404f5a), color-stop(100%, #303a43));
    background: -webkit-linear-gradient(top, #404f5a 0, #303a43 100%);
    background: -o-linear-gradient(top, #404f5a 0, #303a43 100%);
    background: -ms-linear-gradient(top, #404f5a 0, #303a43 100%);
    background: linear-gradient(to bottom, #404f5a 0, #303a43 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#404f5a', endColorstr='#303a43', GradientType=0);
    border: 1px solid #1c262b;
    border-radius: 5px
}

.util-cheltuieli-area .row-container {
    height: 92%;
    overflow-y: auto
}

.cheltuieli-stat .group-text {
    height: 8%;
    margin-left: 7%;
    width: 93%;
    font-size: 130%
}

.cheltuieli-stat .barediter {
    height: 100%;
    width: 8%;
    cursor: pointer;
    position: relative;
    z-index: 2;
    background: #3e4e5b;
    background: -moz-linear-gradient(top, #303c44 0, #232b30 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #303c44), color-stop(100%, #232b30));
    background: -webkit-linear-gradient(top, #303c44 0, #232b30 100%);
    background: -o-linear-gradient(top, #303c44 0, #232b30 100%);
    background: -ms-linear-gradient(top, #303c44 0, #232b30 100%);
    background: linear-gradient(to bottom, #303c44 0, #232b30 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#303c44', endColorstr='#232b30', GradientType=0);
    border: 1px solid #1f282e;
    border-radius: 3px
}

.change,
.resetbar {
    position: absolute
}

.cheltuieli-stat .barediter img {
    max-width: 90%;
    max-height: 100%
}

.cheltuieli-stat .barediter.filteredout {
    background: #009dff
}

.cheltuieli-stat .bartext {
    width: 80%;
    margin-left: 9%;
    text-align: left
}

.cheltuieli-stat .group-text .bottom-border {
    left: .5%;
    width: 99%
}

.change {
    top: 102%;
    width: 100%;
    left: 0;
    font-size: .75vw;
    display: none
}

.venituri-stat .change {
    top: auto;
    bottom: 100%;
    margin: 0 0 3%
}

.cheltuieli-stat .change {
    top: 0;
    height: 100%;
    left: 100%;
    width: 12.34%
}

.group-with-filter .bar,
.group-with-filter .row-separator {
    display: none
}

.group-with-filter .bar.filtered-bar,
.row-separator.filtered-bar {
    display: block
}

.resetbar {
    right: -.15%;
    top: 1%;
    -moz-box-shadow: -1px 1px 9px 3px #323B40 inset;
    box-shadow: -1px 1px 9px 3px #323B40 inset;
    height: 3%;
    font-size: 130%;
    max-height: 76px;
    background-color: #394248
}

.resetbtn-container {
    height: 140%;
    margin: -.9% 0 0 -3%;
    width: 10%
}

.reset-title {
    width: 60%;
    height: 100%
}

.roflag {
    height: 100%
}

.roflag img {
    max-height: 100%
}

.venituri-cetatean .button.square.extended {
    width: 50%
}

.venituri-cetatean .button.square.extended img {
    max-width: 45px !important
}

.moretext {
    height: 70%
}

.just-title {
    height: 27%;
    position: relative;
    top: 3%;
    width: 97.5%;
    margin: 0 0 0 1%
}

.valuta {
    width: 10%;
    margin-left: 2px
}

.highlight {
    color: #0195ff;
    font-weight: 400
}

.bar.image-cursor .bartext {
    cursor: url(../img/arrows-scroll-vert.png), auto
}

.label-selected {
    border: 1px solid #fff
}

.globalcontainer ::-webkit-scrollbar {
    width: 10px
}

.globalcontainer ::-webkit-scrollbar-track {
    background-color: #1D2429;
    border-left: 2px solid #3a4750;
    border-right: 2px solid #3a4750
}

.globalcontainer ::-webkit-scrollbar-thumb {
    background: url(../img/thumb.png) 50% 50% no-repeat #647A8A;
    border: 2px solid #1D2429;
    border-radius: 5px
}

.register-button {
    position: relative;
    z-index: 2
}

@media screen and (max-width:1600px) {
    .suma {
        font-size: 110%
    }

    .ti-se-ia {
        width: 21%
    }

    .cat-ti-se-ia .ti-se-ia {
        width: 20.5%
    }

    .nono .valuetext {
        font-size: 75%
    }
}

@media screen and (max-width:1400px) {

    .just-title .text,
    .moretext .text {
        font-size: 99%
    }

    .suma {
        font-size: 110%
    }

    .salinput .suma {
        font-size: 120%
    }

    .nono .valuetext {
        font-size: 70%
    }

    .venituri-cetatean .button.square {
        width: 10%
    }

    .venituri-cetatean #id9 {
        left: 10%
    }

    .mdiff-text {
        font-size: 96%
    }

    .cat-ti-se-ia .ti-se-ia .labelcentered {
        font-size: 152%
    }
}

@media screen and (max-width:1300px) {

    .just-title .text,
    .moretext .text {
        font-size: 94%
    }

    .reset-title {
        width: 75%
    }

    .suma {
        font-size: 100%
    }

    .salinput .suma {
        font-size: 110%
    }

    .nono .valuetext {
        font-size: 65%
    }

    .venituri-cetatean .button.square {
        width: 12%
    }

    .venituri-cetatean #id9 {
        left: 12%
    }

    .mdiff-text {
        font-size: 88%
    }
}

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

    .just-title .text,
    .moretext .text {
        font-size: 90%
    }

    .taxesiimpozite .group-text {
        font-size: 65%
    }

    .reset-title {
        width: 73%
    }

    .resetbar {
        font-size: 125%
    }

    .suma {
        font-size: 90%
    }

    .salinput .suma,
    .ti-se-ia .label {
        font-size: 100%
    }

    .cat-ti-se-ia .just-title .text {
        width: 90%
    }

    .ti-se-ia {
        width: 20%
    }

    .cat-ti-se-ia .ti-se-ia {
        width: 19.5%
    }

    .nono .valuetext {
        font-size: 60%
    }

    .cetatean {
        left: 20%
    }

    .venituri-cetatean .button.square {
        width: 14%
    }

    .venituri-cetatean #id9 {
        left: 14%
    }

    #id4.extended .bgextended {
        width: 60%
    }
}

@media screen and (max-width:1000px) {
    .reset-title {
        width: 65%
    }

    .resetbar {
        font-size: 110%
    }

    .suma {
        font-size: 70%
    }

    .salinput .suma {
        font-size: 80%
    }

    .label {
        font-size: 90%
    }

    .ti-se-ia .label {
        font-size: 85%
    }

    .ti-se-ia {
        width: 19%
    }

    .cat-ti-se-ia .ti-se-ia {
        width: 18.5%
    }

    .circle-legend {
        font-size: 90%
    }

    .nono .valuetext {
        display: none
    }

    .nono .hovered-bar .valuetext {
        display: block;
        height: 5%
    }

    .nono .vbar-wrapper {
        bottom: 5%;
        height: 95%
    }

    .axis {
        bottom: 4.1%;
        height: 77.9%
    }

    .venituri-cetatean .button.square {
        width: 15%
    }

    .venituri-cetatean #id9 {
        left: 15%
    }

    #id4.extended .bgextended {
        width: 70%
    }
}

@media screen and (max-width:900px) {
    .label {
        font-size: 78%
    }

    .ti-se-ia .label {
        font-size: 75%
    }

    .ti-se-ia {
        width: 18%
    }

    .cat-ti-se-ia .ti-se-ia {
        width: 17.5%
    }

    .cat-ti-se-ia .suma {
        width: 56%
    }

    .cetatean {
        font-size: 90%
    }

    .venituri-cetatean .button.square {
        width: 16%
    }

    .venituri-cetatean #id9 {
        left: 16%
    }
}

@media screen and (max-width:800px) {

    .label,
    .ti-se-ia .label {
        font-size: 70%
    }

    .resetbtn-container {
        margin-left: -8%
    }

    .cat-ti-se-ia .suma {
        width: 55%
    }

    .cetatean {
        font-size: 85%
    }
}

@-moz-document url-prefix() {
    .moretext {
        height: 73%
    }

    .cat-ti-se-ia .moretext .text,
    .cheltuieli-stat-explicatii .moretext .text {
        height: 75%
    }
}