* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    text-shadow: none;
    background-repeat: no-repeat;
}

input[type="submit"], button.back {
    -webkit-appearance: none;
}

input {
    border-radius: 0;
}

input::-webkit-input-placeholder {
    color: #ccc;
    color: #ccc;
}

input:-moz-placeholder {
    color: #ccc;
}

input::-moz-placeholder {
    color: #ccc;
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type=text] {
    color: black;
}

input:-ms-input-placeholder {
    color: #ccc;
}

.clr-fix:after {
    content: '';
    display: table;
    clear: both;
}

*:focus {
    outline: 0;
}

.right {
    float: right;
}

.left {
    float: left;
}

img {
    border: 0;
}

ul,
li {
    list-style: none;
}

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: none;
}

a.none {
    text-decoration: none;
}

a.none:hover {
    text-decoration: underline;
}

html, body {
    /*
    overflow-x: hidden;
    */
}

body,
input,
option,
select {
    font-family: "Roboto Condensed", sans-serif;
}

#global {
    position: relative;
    z-index: 10;
    /*max-width: 1900px;*/
}

.fancybox-lock #global {
    /*overflow: hidden !important;*/
    /*    -webkit-overflow-scrolling: touch;*/
}

#fancybox-content {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important;
}

html, body, #global, #content {
    height: 100%;
}

#content {
    margin-left: 60px;
    padding-top: 45px;
}

div.justify {
    text-align: justify;
}

div.justify::after {
    width: 100%;
    display: inline-block;
    content: "";
}

.row::after,
.jtable-title::after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div.jtable-main-container > div.jtable-title div.jtable-toolbar {
    width: auto !important;
}

div.jtable-main-container table.jtable tbody tr > td .jtable-command-button {
    float: right !important;
    position: static !important;
    margin: 0 10px !important;
}

.ui-dialog {
    z-index: 9999;
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.jtable-data-row a {
    text-decoration: underline;
}

.clearfix {
    clear: both;
}

.logo {
    width: 140px;
    height: 50px;
    position: fixed;
    top: 8px;
    left: 60px;
    z-index: 20;
    display: inline-block;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: white;
}

.logo:after {
    display: block;
    content: ' ';
    background-color: white;
    position: fixed;
    height: 13px;
    top: 45px;
    z-index: -1;
    left: 60px;
    right: 0;
}

.logo a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/img/logo-dobrodel.png');
    background-repeat: no-repeat;
    background-position: 21px 16px;
}

header,
#global {
    min-width: 400px;
}

header {
    position: fixed;
    top: 0;
    height: 45px;
    left: 60px;
    right: 0;
    z-index: 25146; /* more then scroll (IScroll) z-index (see in statistic)*/
    padding: 0 25px 0 160px;
    line-height: 1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #279295;
}

#main-nav {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: 14px;
}

#main-nav li, .menubutton {
    font-size: 18px;
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif;
    float: left;
    vertical-align: middle;
    margin-right: 30px;
}

.menubutton {
    font-size: 22px;
    color: #808184;
    text-transform: uppercase;
    line-height: 1;
}

#main-nav li {
    color: #ffffff;
}

#main-nav li.active,
#main-nav li .current {
    text-decoration: underline;
}

#main-nav li:hover {
    color: #a4dfd8;
}

.purple-button, input.purple-button, .ui-dialog button {
    background: rgba(39, 146, 149, 0.7);
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 7px;
    border: 0;
}

.purple-button:hover,
input.purple-button:hover,
.ui-dialog button:hover,
.popup-form input[type="submit"]:hover,
.ui-dialog button:hover,
a.color-button:hover,
button.back:hover {
    background: rgb(248, 162, 45);
}

button.purple-button {
    padding: 5px 10px;
    margin-left: 8px;
    cursor: pointer;
}

.create {
    position: relative;
    top: 8px;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 40px;
    padding-left: 33px;
    width: 96px;
    height: 29px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif;
    vertical-align: middle;
    color: #525252;
    background-image: url("/img/plus-create.png");
    background-repeat: no-repeat;
    background-position: 9px center;
    border-radius: 7px;
    background-color: #ffffff;
    text-transform: uppercase;
}

.create::after {
    content: 'Создать';
}

.in-center, .in-center2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
}

.in-center2 {
    top: 35px;
    margin: 0 auto;
}

.chartdiv {
    width: 120px;
    height: 120px;
    margin: auto;
    top: -10px;
    position: relative;
}

#left-side {
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    background: #279295;
    position: fixed;
    z-index: 250;
}

#left-side ul {
    padding: 64px 0 0;
    position: relative;
    z-index: 10;
    background: inherit;
}

#left-side li {
    height: 43px;
    position: relative;
    margin-top: 15px;
}

#left-side li a {
    display: block;
    height: 100%;
}

#left-side li.active,
#left-side li:hover {
    background: #f8a22d;
}

#left-side li a.active {
    background-color: white;
    width: 50px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

#left-side li a.active img {
    padding-left: 5px;
}

#left-side ul.center-cats li {
    border-top: 1px solid #cfcfcf;
    padding: 10px 0;
    margin: 0;
}

#left-side ul.center-cats li:last-child {
    border-bottom: 1px solid #cfcfcf;
}

/* кастомизация всплывающей подсказки */
#left-side li [data-hint]::after {
    font-size: 13px;
    padding: 11px 12px;
    text-transform: uppercase;
    background: #f8a22d;
    box-shadow: none;
    text-shadow: none;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

#left-side li .active[data-hint]::after {
    z-index: -1;
    padding-left: 18px;
}

#left-side li [data-hint]::before {
    border-right-color: #866d9a;
    margin-bottom: 0;
    display: none;
}

#left-side li [data-hint]::before,
#left-side li [data-hint]::after {
    left: 35px;
    bottom: auto;
    height: 100%;
    box-sizing: border-box;
    line-height: normal;
}

footer {
    background: #f2f2f2;
    padding: 40px 20px 40px 75px;
    position: absolute;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 900;
    left: 0;
    text-align: center;
}

footer ul.links {
    color: #876e9a;
    margin-top: 30px;
}

footer ul.links li {
    padding-left: 15px;
    font-size: 13px;
    font-family: "PT Sans";
    margin-bottom: 18px;
    line-height: 1;
    background: url("../img/under-control.png") no-repeat left center;
}

footer > div {
    text-align: left;
    padding: 0 40px;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top;

    background: url("../img/footer-separator.png") no-repeat left 10px;
}

footer > div:first-child {
    padding-left: 0;
    background: none;
}

footer .heading {
    margin-bottom: 15px;
    color: #808184;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
}

footer > div.wide .heading {
    color: #454545;
}

footer .heading.to-bottom {
    margin-top: 40px;
}

.footer-logo {
    float: left;
    margin-right: 15px;
}

footer > div.wide {
    width: 280px;

    font-family: "Roboto";
    color: #404040;
    font-size: 13px;
}

footer > div.short {
    color: #525252;
    font-family: "PT Sans";
    font-size: 14px;
    width: 220px;
}

.center {
    text-align: center;
    clear: both;
    padding: 30px;
}

.gov-banner {
    margin-bottom: 10px;
}

ul.filter, ul.gov-filter {
    margin-bottom: 30px;
    padding: 0;
    background: #f0f0f0;
}

ul.filter li,
ul.gov-filter li {
    text-transform: uppercase;
    float: left;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    line-height: 1;
    border-bottom: 2px solid transparent;
    font-size: 13px;
    color: #343434;
    padding: 0;
}

ul.filter li a,
ul.gov-filter li a {
    display: block;
    padding: 13px 7px;
    text-decoration: none;
}

.fancybox-skin {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.blizcomp . > .right > div:first-child img {
    margin-right: 8px;
    margin-left: 1px;
}

ul.filter li.active,
ul.gov-filter li.active {
    color: #11b9ab;
    border-bottom-color: #11b9ab;
}

ul.filter li:hover,
ul.gov-filter li:hover {
    color: #693a8c;
    border-bottom-color: #693a8c;
}

div.img-preview {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

div.img-preview a,
div.main-preview {
    width: 100%;
    height: 100%;
    display: block;
}

div.main-preview {
    background-size: cover;
    background-position: center center;
}

.complaints {
    margin-bottom: 30px;
}

span.author-name {
    margin-right: 10px;
}

.complaint {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
}

.complaint .complaint-text {
    overflow: hidden;
}

.complaint .author-date {
    color: #808184;
    padding-top: 4px;
    font-size: 12px;
}

.complaint .text,
.complaint .author-date {
    font-family: 'Roboto';
    text-align: left;
}

.complaint .text a {
    text-decoration: none;
}

.complaint .text a.cardlink {
    color: #525252;
}

.complaint .text a.cardlink:hover {
    text-decoration: underline;
}

.complaint .title,
.title-text {
    margin-bottom: 5px;
    font-size: 14px;
    color: #876e9a;
}

.complaint .title {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #876e9a;
}

.complaint-bottom-stats {
    margin-top: 25px;
    font-size: 14px;
    font-family: "Roboto Condensed";
    color: #b3b3b3;

    border-top: 1px solid #ebebeb;
    padding-top: 15px;
}

.complaint-bottom-stats .only-voice-count {
    display: none;
}

.complaint-location {
    padding-left: 20px;
    background: url("/img/zoom-gray.png") no-repeat left 1px;
    color: #808080;
    font-size: 14px;
    margin: 5px 0;
}

.complaint-bottom-stats > .right > div {
    float: left;
    margin-left: 22px;
    position: relative;
}

.complaint-bottom-stats > .right > div:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
}

.complaint-bottom-stats > .right > div,
.complaint-bottom-stats .left {
    padding: 0 5px;
    line-height: 1;
}

.complaint-bottom-stats > .right > div:first-child {
    margin-left: 0;
}

.complaint-bottom-stats .left {
    display: none;
}

.g-shares:before,
.g-comments:before,
.g-like:before,
.g-views:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
}

.g-shares,
.g-comments,
.g-like,
.g-views {
    position: relative;
}

.g-shares:before {
    background-image: url("/img/g-shares.png");
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-right: 5px;
}

.g-comments:before {
    background-image: url("/img/g-comments.png");
    width: 16px;
    height: 13px;
    margin-top: -6px;
}

.g-like:before {
    background-image: url("/img/g-like.png");
    width: 12px;
    height: 11px;
    margin-top: -6px;
}

.g-like:hover:before {
    background-position: 0 -11px;
}

.g-views:before {
    background-image: url("/img/g-views.png");
    width: 18px;
    height: 12px;
    margin-top: -6px;
}

.complaint-top {
    margin-bottom: 10px;
}

.status-line {
    color: #5a5a5a;
    font-size: 10px;
    font-family: "Roboto";
    font-weight: bold;
    padding: 6px 15px 6px 8px;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    display: inline-block;
    vertical-align: middle;

}

.author-created {
    color: #808184;
    font-family: "Roboto";
    font-size: 12px;
    margin-right: 10px;
}

.blizcomp .author-created {
    display: block;
    margin: 5px 0;
}

.status-line::after {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 5px 12px 0;
    border-color: transparent #ffffff transparent transparent;
}

.complaint-top > .left {
    width: 40%;
}

.popup-form .status-line::after,
.blizcomp .status-line::after {
    border-color: transparent #F3F3F3 transparent transparent;
}

.blizcomp .complaint-top > .left,
.blizcomp .complaint-top > .right {
    float: none;
    width: auto;
}

.blizcomp div.img-preview {
    float: none;
}

.blizcomp .complaint-bottom-stats {
    font-size: 11px;
    position: absolute;
    top: 100%;
    width: 100%;
    margin: 0;
}

.blizcomp .complaint-bottom-stats > .right > div,
.blizcomp .complaint-bottom-stats .left {
    line-height: 1.3;
}

.blizcomp .complaint-bottom-stats .left {
    display: none;
}

.complaint-bottom-stats .left, .topic-votes {
    background-image: url('/img/share-new.png?2');
    background-repeat: no-repeat;
    background-position: left -1px;
    padding-left: 25px;
}

.complaint-bottom-stats .left:hover,
.topic-votes:hover {
    background-position: 0 -16px;
}

.blizcomp .complaint-bottom-stats .right {
    float: right;
}

.blizcomp .complaint-location {
    padding-left: 0;
    background: none;
}

.topic-votes {
    float: right;
    font-size: 14px;
    font-family: "Roboto Condensed";
    color: #b3b3b3;
    padding-top: 10px;
    line-height: 1;
    background-position: left 8px;
}

.complaint .text {
    font-size: 14px;
    color: #525252;
    margin: 10px 0 15px 0;
    line-height: 15px;
}

div.category-img {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .47);
    width: 31px;
    height: 31px;
}

a.button, input.button {
    padding: 9px 19px;
    font-size: 12px;
    color: #808184;
    border: 1px solid #c6c6c6;
    display: inline-block;

}

a.button.more {
    margin: 30px 0;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

a.button:hover, input.button:hover {
    background: #EEE;
}

.header-right > * {
    vertical-align: middle;
}

.enter.menu {
    box-sizing: border-box;
    max-width: 170px;
    text-overflow: ellipsis;
}

.enter {
    margin: 0 20px 0 15px;
    background: transparent;
    line-height: 12px;
    color: #ffffff !important;
    border: 1px solid #5bacaf !important;
}

.enterform {
    display: inline-block;
}

div.section-header {
    border-bottom: 1px #c6c6c6 solid;
    margin-bottom: 20px;
}

h3.section {
    font-weight: normal;
    font-size: 24px;
    color: #808184;
    border-bottom: 2px solid;
    text-transform: uppercase;
    line-height: 1;
    float: left;

}

ul.section-filter {
    float: right;
    margin-top: 5px;
}

ul.section-filter li {
    font-family: "PT Sans";
    text-transform: none;
    color: #7c7d80;
    font-size: 14px;
    float: left;
    border-right: 1px solid;
    padding-right: 7px;
}

ul.section-filter li:last-child {
    border: 0;
    padding-left: 7px;
}

ul.section-filter li:hover,
ul.section-filter li.active {
    color: #876e9a;
    text-decoration: underline;
}

img.gb-banner {
    width: 100%;
    margin-bottom: 13px;
}

.scroll-section {
    height: calc(100% - 5px);
    margin-bottom: 70px;
    overflow: hidden;
}

.scroll-section:first-child {
    border: 1px solid #c0c0c0;
}

div.option {
    margin-bottom: 15px;
    /*background: url("/img/opt-white.png") no-repeat;*/
}

div.option:hover {
    /*background: url("/img/opt-purple.png") no-repeat;*/
}

div.option:hover .option-name {
    color: #816796;
}

div.option-name {
    font-size: 14px;
    color: #525252;
}

.option-name a {
    text-transform: uppercase;
}

div.option-text {
    font-size: 11px;
    color: #808184;
    font-family: "Roboto";
}

div.option-icon {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    float: left;
    position: relative;
    border: 1px solid #b4b3b3;
}

div.option-icon img {

}

div.option-content {

}

div.quote {
    color: #525252;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 300;
    font-style: italic;
}

.header-right {
    float: right;
    margin-top: 5px;
}

.header-right a img {
    vertical-align: middle;
    padding-right: 10px;
}

#rightmap {
    z-index: 251;
    overflow: hidden;
    position: fixed;
    margin: 0;
    right: 0;
    bottom: 0;
    top: 45px;
    width: calc(100% - 791px);
    height: calc(100% - 45px);
}

#banners-side {
    height: calc(100% - 76px);
    position: fixed;
    width: 270px;
    overflow: hidden;
    margin-left: 15px;
    top: 65px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 491px;
}

#center-side {
    float: left;
    width: 395px;
    padding-right: 15px;
    padding-left: 20px;
    padding-top: 21px;
    border-right: 1px solid #dbdbdb;
    overflow: hidden;
}

#map-overlay, #map-overlay2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: rgba(0, 0, 0, .8);
    z-index: 10000;
    color: #efeeee;
    font-family: "Roboto";
    font-weight: 300;
    text-align: center;

    font-size: 20px;
}

#map-overlay2 {
    background: rgba(0, 0, 0, .5);
}

.ov-separator {
    background: #c4c4c5;
    width: 180px;
    margin: 40px auto 35px auto;
    height: 1px;
}

.ov-button {

    width: 80px;
    text-align: center;
    padding: 8px 0;
    display: inline-block;

    opacity: .8;
    font-family: "Roboto Condensed";

    text-transform: uppercase;
}

.ov-button:first-child {
    margin-right: 20px;
}

.ov-button:hover {
    opacity: 1;
}

#map-overlay-content {
    position: absolute;
    top: 205px;

    max-width: 405px;
    width: 80%;
    right: 0;
    left: 0;
    margin: auto;
}

#map-overlay .city-name {

    display: inline-block;

    font-size: 28px;
    font-weight: 500;

    padding-left: 45px;
    background: url("/img/city-point.png") no-repeat;

    margin: 30px 0 40px 0;
    background-position: 0px center;
}

.ov-buttons {
    margin-bottom: 10px;
}

.ov-button,
#city-search {
    color: #FFF;
    border: 1px solid;
}

#city-search {

    text-align: left;
    padding: 10px 0 10px 42px;
    background: url("/img/city-point-white.png") no-repeat;
    background-position: 7px center;
    width: 320px;
    display: inline-block;
    margin: 25px 0;
}

#city-search input {
    border: 0;
    background: transparent;
    color: #FFF;
    width: 300px;
    font-size: 20px;
    font-weight: lighter;
}

#formmap {
    overflow: hidden;
    margin: -30px -80px -30px -80px;
    /*margin: -86px -80px -30px -80px; это понадобится когда снова захочется поиск по карте*/
    width: 740px;
}

#main-search-wrapper {
    padding: 8px 10px 5px 17px;
    background-color: rgba(255, 255, 255, .86);
}

#main-search-wrapper #main-search {
    border: 0;
    width: 100%;
    padding-right: 22px;
    height: 23px;
    font-size: 18px;
    background: url("../img/search-fly.png") no-repeat right center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fb_iframe_widget,
#facebook-box .fb-like-box > span,
#facebook-box iframe {
    display: block;
    width: 100% !important;
}

#create-form .name {
    border: 1px solid #dfe0e0;
    padding: 20px 85px;
}

.column {
    margin-right: 55px;
    width: 325px;
    padding: 60px 40px 20px 40px;
    background: #FFF;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    vertical-align: top;
    float: left;
}

.column:nth-child(3) {
    margin-right: 0;
}

.column .condition {
    height: 80px;
    color: #777777;
    font-family: "PT Sans";
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}

.column .top-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -40px;
}

.column .other-themes {
    color: #777777;
    font-family: "PT Sans";
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.column .reason {
    line-height: 1;
    text-align: center;
    padding: 20px 0;
    text-transform: uppercase;
    color: #808184;
    border-width: 1px;
    border-radius: 15px;
    font-weight: bold;
    font-size: 34px;
}

.column ul.themes {
    overflow: hidden;
    height: 235px;
    margin-bottom: 20px;
    color: #808184;
    text-align: left;
    display: inline-block;
}

.column ul.themes li {
    font-size: 19px;
    text-transform: uppercase;
    padding-left: 35px;
    background: url("../img/arrow-green.png") no-repeat left center;
    margin-bottom: 15px;
}

.column ul.themes li:last-child {
    margin-bottom: 0;
}

#map-stats {
    position: absolute;
    right: 0;
    bottom: 25px;
}

.know {
    margin-bottom: 30px;
}

.voters-cnt {
    font-size: 15px;
    color: #87699b;
}

.know-text,
.poll-text,
.sugg-text {
    color: #808184;
    font-family: "Roboto";
    font-size: 14px;
    float: left;
    width: calc(100% - 400px);
}

.rounded {
    color: #5d5d5d;
    font-family: "Roboto Condensed";
    font-size: 16px;
    padding: 15px 20px;
    background: #FFF;

    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.tr-up {
    background: url("/img/tr-up.png") no-repeat;
    width: 22px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 40px;
}

.poll .poll-text {
    margin-bottom: 15px;
}

.socials {
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.know-img,
.poll-img {
    margin: 10px auto 0 auto;
    max-height: 500px;
    width: 300px;
    display: block;
    max-width: 100%;
}

.know .center {
    margin-top: 10px;
}

.socials .left {
    font-size: 12px;
    color: #808184;
}

.socials .left,
.sugg-author {
    position: relative;
    top: 5px;
}

.socials .left img {
    vertical-align: middle;
}

.socials .right {
    color: #303030;
    font-size: 14px;
}

.def-border {
    border: 1px solid #c9c9c9;
}

#twitter, #instruction {
    margin-bottom: 15px;
}

#twitter {
    height: calc(100% - 165px); /* 165px - суммарная outerHeight верхнего блока "Последние твиты" и нижнего "Ещё" */
}

#instruction {
    text-align: center;
}

.show-all {
    margin: 0 15px;
    border-top: 1px solid #b8b8b8;
    text-align: center;
    padding: 10px 0 20px 0;
    margin-top: 30px;
    font-family: "PT Sans";
    color: #808184;
    font-size: 18px;
}

#we-sug {
    margin: 18px 0;
}

.button.big-red {
    border-color: #da241c;
    color: #eb362e;
    font-size: 16px;
    text-transform: uppercase;
}

.from-left {
    left: 70px;
}

.from-top {
    top: 70px;
}


#big-map {
    position: fixed;
    max-width: 1839px;
    width: 100%;
    top: 45px;
    bottom: 0;
    left: 60px;
    margin: auto;
    overflow: hidden;
}

#top-row {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    box-sizing: border-box;
    height: 50px;
    padding: 0 35px;
    border-top: 13px solid white;
    line-height: 32px;
    background: rgba(0, 0, 0, .7);

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    color: #FFF;
}

#top-row > * {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-filter {
    margin: 0 50px;
}

#top-row ul.map-filter li {
    float: left;
    text-transform: uppercase;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1;
    border-right: 1px solid #FFF;
}

#top-row ul.map-filter li:last-child {
    border: 0;
}

#top-row ul.map-filter li:hover,
#top-row ul.map-filter li.active {
    color: #fbbc5d;
    text-decoration: underline;
}

#map-big-statistic {
    line-height: 1;
    background: rgba(0, 0, 0, .5);
}

.main-stats-table > tbody td {
    padding: 5px 10px 10px 15px;
}

.td-white {
    background: rgba(255, 255, 255, .9);
}

.td-purple {
    background: rgba(235, 167, 60, .9);
}

.main-stats-table {
    border-spacing: 0;
}

#map-big-statistic .right table td {
    vertical-align: top;
}

#map-big-statistic .right table tr:first-child td {
    padding-bottom: 20px;
}

td.center-column {
    padding: 0 20px;
}

.user-name {
    font-family: "PFDinTextComPro-Regular", Roboto;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    min-width: 150px;
}

.personal-control, .all-users, #all-items {
    white-space: nowrap;
}

.personal-control, .all-users {
    font-size: 55px;
    font-family: "PFDinTextComPro-Medium", Roboto;
}

.personal-control {
    color: #FFF;
}

.all-users {
    color: #ffcc71;
}

.user-avatar {
    border-radius: 50%;
    float: right;
}

.stat-notice,
.laster span.number-notice {
    text-transform: uppercase;
    font-family: "PT Sans";
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
}

.mg-top {
    padding-top: 8px;
    height: 57px;
    z-index: 9000;
    position: relative;
}

#all-items {
    color: #F8A22D;
    font-family: "PFDinTextComPro-Medium", Roboto;
    font-size: 86px;
    margin-bottom: 12px;
}

.laster span {
    color: #D7E9A8;
}

.laster span.number {
    font-size: 23px;
    font-family: "PFDinTextComPro-Medium", Roboto;
}

.gray {
    color: #a5a5a5;
}

.custom {
    display: none;
}

/*.custom + label*/
/*{*/
/*background: url("/img/checkbox.png") no-repeat;*/
/*background-position: right center;*/
/*padding-right: 25px;*/
/*}*/
.custom + label {
    background: url("../img/checkbox.png") no-repeat;
    padding: 2px 0;
    padding-left: 30px;
    font-family: "Roboto";
    color: #7c7c7c;
    font-size: 14px;
    display: inline-block;
    background-position: center left;
}

label.one-row {
    margin-right: 50px;
}

.custom:checked + label {
    background-image: url("/img/checkbox-active.png");
    background-position: center left;
}

label {
    cursor: pointer;
}

#enter-form,
#loginForm,
#register-form {
    background: #f3f3f3;
    text-align: center;
}

#enter-form.not-solved label {
    text-align: left;
}

#register-form {
    right: -5000px;
}

.enter-close {
    position: absolute;
    width: 70px;
    height: 70px;
    right: -70px;
    top: 0;
    color: #FFF;
    text-align: center;
    background: url("../img/close-btn.png") no-repeat center center;
    background-size: 33px;
    background-color: #74598b;

    cursor: pointer;

}

input.filter, select.filter, input.field, select.field, .ui-dialog input[type="text"], .ui-dialog select, .enter-header input {
    font-family: "PT Sans";
    font-size: 14px;
    padding: 0 25px 0 8px;
    border: 1px solid #adadad;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
}

select.filter, select.field {
    padding-right: 0;
}

.enter-header input {
    line-height: 33px;
    font-size: 20px;
    width: 50px;
    padding: 0 8px;
}

.enter-header input[type="submit"] {
    color: #ffffff;
    background: #866d9a;
    padding: 0;
}

input.field, select.field, .ui-dialog input[type="text"], .ui-dialog select {
    width: 100%;
}

input.filter, select.filter, .ui-dialog input[type="text"], .ui-dialog select {
    max-width: 300px;
}

.datepick {
    width: 100px;
}

.purple {
    color: #279295;
}

.popup-form input[type="submit"],
.ui-dialog button,
a.color-button,
button.back,
div.cmp-result-button {
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: none;
    padding: 15px 95px;
    display: inline-block;
    color: #FFF;
    text-transform: uppercase;
    border: 0;
    background: rgba(39, 146, 149, 0.7);
    margin: 9px;
    cursor: pointer;
    font-size: 16px;
}
a.color-button.disabled-true {
    background: #ccc !important;
    pointer-events: none;
}
a.claim.color-button{
    margin-left: 0;
}
.popup-form input[type="submit"] {
    margin-right: 0;
}

.popup-form input[type="submit"]:first-of-type {
    margin-left: 0;
}

.popup-form input[type="submit"]:last-of-type {
    margin-right: 0;
}

div.enter-footer {
    color: #5d5d5d;
    font-family: "PT Sans";
    font-size: 14px;
    padding: 0px 80px 20px 80px;
    border-top: 1px solid #d8d8d8;
    margin: 20px 25px 0px 25px;
    text-align: center;
}

.enter-soc {
    line-height: 1;
    font-size: 0;
    width: 340px;
    margin: 20px auto 0px auto;
    padding-left: 10px;
}

a.forgot-pass {
    color: #74568a;
    font-family: "PT Sans";
    font-size: 14px;
}

.enter-header {
    background: #ffffff;
    padding: 20px;
    text-transform: uppercase;
    color: #5d5d5d;
    font-size: 28px;
}

.enter-row {
    position: relative;
    width: 315px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.enter-row.pass {
    margin-bottom: 40px;
}

#enter-form .by-soc {
    margin-top: 30px;
    color: #5d5d5d;
    text-transform: uppercase;

}

.enter-content {

}

.center-row {
    position: relative;
    width: 500px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.complaint-stats {
    display: none;
    background: rgba(134, 109, 154, .6);
    padding: 10px 5px;
    color: #FFF;
    font-family: "PT Sans";
    font-size: 12px;

    position: absolute;
    top: 0;
    left: 0;

}

.number-note {
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 5px;
}

.complaint-stats img {
    vertical-align: -2px;
    margin-right: 3px;
}

.complaint-stats > div {
    margin-right: 8px;
    float: left;
}

.sugg {
    margin-bottom: 45px;
}

.poll {
    margin-bottom: 25px;
}

.sugg-name,
.poll-name,
.know-title {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    color: #404040;
}

.socsetu .pluso a {
    margin: 0px 10px !important;
}

.vote-btn {
    text-transform: uppercase;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #7a7a7b;
    font-size: 12px;
    font-family: "Roboto";
}

.vote-btn:hover {
    background: #866d9a;
}

.vote-btn img {
    vertical-align: -3px;
    margin-left: 7px;
}

.voters-cnt {
    margin-right: 25px;
    display: inline-block;
}

.sugg-img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
}

.suggests {
    margin-bottom: 35px;
}

.sugg-top {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.time-stats {
    font-size: 12px;
    font-family: "PT Sans";
}

.time-stats .left {
    background: url("../img/time.png") no-repeat left center;
    padding-left: 15px;
}

.time-stats img {
    vertical-align: middle;

}

.complaint-info {
    overflow: hidden;
}

.sugg-author {
    color: #808184;

}

.sugg-author,
.share-buttons {
    font-family: "PT Sans";
    font-size: 14px;
}

.share-buttons {
    color: #303030;
}

span.required {
    color: #ff3600;
    position: absolute;
    left: 3px;
    top: -1px;
}

span.red {
    color: #9e1b1b;
}

.required-note {
    font-size: 11px;
    margin: 5px 0 30px 0;
}

.required-note span.required {
    position: static;
}

.new-options {
    background-image: url(../img/ecb-q.png), url(../img/ecb.png);
    background-repeat: no-repeat;
    background-position: right top, 0 0;
    background-size: auto, cover;
    padding: 18px 15px 5px 15px;
    line-height: 1.25;
    height: 100%;
    min-height: 720px;
    position: relative;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.new-options .option {
    margin: 5px 0;
    margin-top: 30px;
    background-color: #e6e2e9;
    border-bottom: 2px #fcbd5d solid;

}

.new-options .option-content {
    background-position: 10px center;
    background-repeat: no-repeat;
}

.new-options .option-content {
    height: 46px;
    width: 203px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
}

.new-options .gratitude .option-content {
    background-image: url("/img/micro1.png");
}

.new-options .gratitude .option-content:hover {
    background-image: url("/img/micro1-c.png");
}

.new-options .proposal .option-content {
    background-image: url("/img/micro2.png");
}

.new-options .proposal .option-content:hover {
    background-image: url("/img/micro2-c.png");
}

.new-options .appeal .option-content {
    background-image: url("/img/micro3.png");
}

.new-options .appeal .option-content:hover {
    background-image: url("/img/micro3-c.png");
}

.new-options .kadastr .option-content {
    background-image: url("/img/micro4.png");
    font-size: 10px;
}

.new-options .kadastr .option-content {
    font-size: 11px;
}

.new-options .kadastr .option-content:hover {
    background-image: url("/img/micro4-c.png");
}

.new-options .business-trouble .option-content {
    background-image: url("/img/business-trouble.png");
    background-position-x: 16px;
}

.new-options .business-trouble .option-content:hover {
    background-image: url("/img/business-trouble-hover.png");
}

.new-options .option-img {
    vertical-align: middle;
    margin-right: 10px;
}

.new-options table {
    height: 100%;
}

.new-options div.head {
    color: #525252;
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 40px 0 25px 0;
    text-align: center;
    font-family: "Roboto Condensed";
}

.new-options div.mo-gov {
    margin-top: 10px;
    color: #f3a541;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 500;
    text-transform: uppercase;
}

.new-options .project-name {
    font-size: 22px;
    font-weight: 300;
    font-family: "Roboto";
}

.new-options .short-line {
    background: #000000;
    height: 1px;
    width: 50px;
    margin: 15px auto;
}

.new-options .central-info {
    margin: 10px 0;
}

.gubernator-name {
    font-size: 14px;
    color: #525252;
    margin: 10px 0;
}

.under-control {
    text-align: center;
    font-size: 14px;
    color: #525252;
    margin: 10px 0;
}

.under-control a {
    color: #866d9a;
    white-space: nowrap;
}

.last-tweets {
    color: #42454b;
    font-family: "PT Sans";
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 15px 25px 15px;
    border-bottom: 1px solid #bababa;
    padding-bottom: 10px;
}

div.tweets {
    margin: 15px 10px;
}

div.tweet {
    margin-bottom: 25px;
}

div.tweet .tweet-time {
    padding-top: 20px;
    color: #595a5b;
    float: left;
    width: 40px;
    font-size: 12px;
    font-family: "PT Sans";
    background: url("../img/twitter.png") top center no-repeat;
}

div.tweet-content {
    font-family: "PT Sans";
    font-size: 15px;
    color: #808184;
    overflow: hidden;
}

div.tweet-content .author {
    color: #595a5b;
}

div.tweet-content a.hashtag {
    color: #059dc8;
}

.poll-single {
    background: #FFF;
    top: 200px;
    width: 740px;
    z-index: 3000;
    left: 0;
    right: 0;
    margin: auto;
}

.poll-count,
.poll-date-end {
    color: #866d9a;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: bold;
}

.poll-date-end {
    font-size: 15px;

}

.poll-count {
    text-transform: uppercase;
    margin-left: 50px;
}

.poll-head .left,
.cmp-head {
    color: #5d5d5d;
    font-size: 28px;
    text-transform: uppercase;
}

.cmp-head {
    position: relative;
}

.cmp-head:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    background: url("../img/left-logo.png");
    left: -70px;
    top: 0;
}

.poll-head .right {
    margin-top: 4px;
}

.poll-head .right > div {
    vertical-align: middle;
    display: inline-block;
}

.poll-date-label {
    color: #5d5d5d;
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 100;
}

.poll-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.poll-footer {
    font-family: "PT Sans";
    color: #5d5d5d;
    font-size: 14px;
    padding: 50px 150px 60px 150px;
    text-align: center;
}

.poll-head {
    padding-top: 20px;
    padding-bottom: 20px;
}

.poll-footer {
    background: #f3f3f3;
}

.poll-main-info {
    padding-top: 0;
    padding-bottom: 40px;
}

.poll-img-container img {
    margin-bottom: 10px;
}

.info-head {
    margin: 10px 0;
    text-transform: uppercase;
    color: #5d5d5d;
    font-size: 18px;
    position: relative;
}

.comp-state .info-head .info {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 3px;
    text-transform: none;
}

.comp-state .info-head .info .date-time {
    float: left;
    margin-right: 40px;
}

.comp-state .info-head .info .resp-person {
    float: left;
}

.comp-state .steps {
    margin: 10px 0;
}

.comp-state .steps .step:first-child {
    margin-left: 0;
}

.comp-state .steps .step {
    float: left;
    width: 32.5%;
    margin-left: 1.25%;
    padding-top: 40px;
    position: relative;
}

.comp-state .steps .step:after {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    top: 0;
    right: 0;
}

.comp-state .steps .step:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    top: 27px;
    background-color: #dfdfdf;
}

.comp-state .steps .s-done.step:before {
    background-color: #acd373;
}

.comp-state .steps .s-failed.step:before {
    background-color: #e68b7d;
}

.comp-state .steps .s-done.step:after {
    background-image: url(../img/success.png);
}

.comp-state .steps .s-failed.step:after {
    background-image: url(../img/fail.png);
}

.comp-state .steps .s-inactive.step {
    color: #dfdfdf;
}

.comp-state .steps .s-done.step {
    color: #acd373;
}

.comp-state .steps .s-failed.step {
    color: #e68b7d;
}

.comp-state .steps .step .text {
    margin-left: 37px;
    position: relative;
    font-size: 14px;
}

.comp-state .steps .step .title {
    font-size: 16px;
    margin-bottom: 5px;
}

.comp-state .steps .step .number {
    position: absolute;
    left: -27px;
    top: -2px;
    font-size: 18px;
    font-weight: 700;
}

.comp-state .steps .step .number:before {
    position: absolute;
    content: '';
    height: 19px;
    width: 1px;
    background-color: #ddd;
    left: -10px;
}

.solution-progress .u-name {
    font-size: 16px;
    line-height: 16px;
    word-wrap: break-word;
}

.solution-progress .date-time {
    font-size: 13px;
    margin-top: 11px;
}

.solution-progress .resh {
    width: 100%;
}

.solution-progress .r-l,
.solution-progress .r-c,
.solution-progress .r-r {
    vertical-align: top;
    display: block;
    float: left;
}

.solution-progress .r-r {
    font-size: 16px;
    padding-top: 0;
    margin-left: 30px;
}

.solution-progress .r-c {
    position: absolute;
    left: 165px;
    height: 100%;
    z-index: 1;
}

.solution-progress .cifra {
    font-family: "Roboto Condensed";
}

.solution-progress .resh {
    position: relative;
}

.solution-progress .r-c:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #ffd17e;
    position: absolute;
    top: 4px;
    z-index: -1;
    left: 11px;
}

.solution-progress .resh:last-child .r-c:after {
    display: none;
}

.poll-img-desc {
    padding: 25px 20px;
    background: rgba(0, 0, 0, .7);
    position: relative;
    float: left;
    left: 0;
    bottom: 0;
    margin-bottom: 10px;
    color: #FFF;
    font-weight: bold;
    font-size: 24px;
    width: 100%;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.complaint-img-desc {
    color: #FFF;
    font-size: 24px;
    padding: 13px 20px 18px 20px;
    background: rgba(0, 0, 0, .7);
    color: #FFF;
    font-size: 24px;
}

.complaint-img-date {
    color: white;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 3px 0 3px;
    background: rgba(0, 0, 0, .7);
    font-size: 10pt;
}

.poll-single .poll-text {
    font-family: "Roboto";
    font-size: 16px;
    color: #4b4b4b;
    padding: 0 35px;
}

.question-what {
    margin-bottom: 20px;
    font-family: "Roboto";
    color: #5d5d5d;
    font-size: 16px;
}

.custom_radio {
    display: none;
}

.custom_radio + label {
    background: url("../img/radio-poll.png") 0 -24px no-repeat;
    padding: 2px 0;
    padding-left: 30px;
    font-family: "Roboto";
    color: #7c7c7c;
    font-size: 14px;
}

.custom_radio:checked + label {
    background-position: 0 0px;
}

.questions {
    padding: 25px 55px 50px 55px;
    border-bottom: 1px #c2c2c2 solid;
}

.question {
    margin-bottom: 35px;
}

.do-vote {
    display: inline-block;
    font-family: "PT Sans";
    color: #ac9fb7;
    border: 1px solid;
    padding: 10px 80px;
    font-size: 18px;
    margin: 30px 0;
    background: #FFF;
    cursor: pointer;
}

.right-desc-inner {
    padding-bottom: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c6c6c6;
}

.thanks-vote {
    margin-top: 20px;
}

.vote-result-button,
.cmp-result-button {
    font-family: "PT Sans";
    font-size: 18px;
    padding: 12px 80px;
    color: #755f87;
    border: 1px solid;
    display: inline-block;
    margin: 30px 0;
}

.vote-result-button:hover,
.cmp-result-button:hover {
    color: #FFF;
    background-color: #755f87;
}

.cmp-result-button {
    margin: 0;
}

ul.variants li {
    margin-bottom: 8px;
    margin-left: 15px;
}

.complaint-form {
    top: 200px;
    left: 0;
    margin: auto;
    right: 0;
    width: 740px;
    background: #FFF;
    z-index: 5000;
}

.cmp-head {
    padding: 20px 15px;
}

.input-section {
    padding: 30px 30px;
    border-bottom: 1px solid #c2c2c2;
    background: #f3f3f3;
}

.input-section a.ul {
    text-decoration: underline;
    color: #876e9a;
}

.input-section input[type="checkbox"] {
    float: left;
    width: 50px;
}

.input-section label.right {
    font-size: 14px;
    width: 420px;
    float: right;
}

.popup-section {
    padding: 10px 50px;
    background: #f3f3f3;
}

.cmp-label {
    display: block;
    margin-bottom: 10px;
    color: #5d5d5d;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
}

.personal-warning {
    color: #be002d;
    font-size: 16px;
    font-family: "Roboto";
    font-style: italic;
}

.cmp-label.qst {
    margin-bottom: 25px;
}

.cmp-footer {
    padding: 9px 0;
}

ul.cmp-params li {
    /*
    background: url("../img/list-point.png") 0 7px no-repeat;
    padding-left: 20px;
    */
    margin-bottom: 35px;
}

.param-text {
    font-family: "Roboto";
    font-size: 16px;
    color: #8b8b8b;
    margin-bottom: 15px;
}

.small-note {
    font-size: 12px;
    color: #b0b0b0;
    font-family: "Roboto";
    margin-top: 10px;
    text-transform: none;
}

.complaint-form input,
.complaint-form select,
.complaint-form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #acacac;
    padding-left: 10px;
    padding-right: 0;
}

.complaint-form textarea, .popup-form textarea {
    box-sizing: border-box;
    height: 250px;
    width: 100%;
    padding: 10px;
    font-family: "PT Sans";
    font-size: 14px;
    resize: vertical;
}

.txt-area-wrap {
    position: relative;
}

.personal-warning {
    opacity: .44;
    text-align: center;
}

.limit-symbols {
    position: relative;
}

.limit-symbols .symbols-left {
    padding-right: 6px;
    float: right;
    width: 35px;
    text-align: right;
}

.limit-symbols .symbols-left-descr {
    margin-top: 6px;
    float: right;
}

.add-file-wrap {
    display: table;
    width: 100%;
    margin-top: 15px;
}

.add-file {
    background: #FFF;
    border: 1px dashed #c2c2c2;
    position: relative;
    font-family: "Roboto";
    font-size: 14px;
    color: #adadad;
    width: 100%;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.add-file-icon {
    border: 1px solid;
    display: inline-block;
    padding: 15px;
}

.add-file-icon a {
    padding: 10px 13px;
    display: inline-block;
}

.add-file-icon img {
    vertical-align: -2px;
}

.add-file-wrap #target_div {
    text-align: left;
    margin: 10px;
}

.dept-remove,
.dept-remove-file,
.dept-removeMsed{
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 10px;
    background: url('/img/remove.png') no-repeat center;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    cursor: pointer;
}

.avatar-file-wrap {
    display: table;
    width: 116px;
}

.avatar-file-wrap .add-file {
    height: 116px;
}

table.controls {
    width: 100%;
    line-height: 1;
    table-layout: fixed;
}

table.controls .cmp-label {
    margin: 0;
}

table.controls td.v-align {
    /*vertical-align: middle;*/
    vertical-align: top;
}

table.controls td {
    padding-bottom: 15px;
    vertical-align: top;
    text-align: left;
}

table.controls td:first-child {
    width: 20%;
}

table.controls td:last-child {
    font-size: 0;
    width: 78%;
}

table.controls .padding-me {
    margin-bottom: 18px;
}

div#cmp-map {
    height: 120px;
    margin-top: 18px;
}

input.field.search-address {
    background: url("../img/search-address.png") #FFF center right no-repeat;
    background-size: auto 100%;
    padding-right: 40px;
    position: relative;
    z-index: 9999;
}

.cmp-label {
    position: relative;
    z-index: 9999;
}

#street {
    width: 54%;
}

#house {
    /*margin: 0 14px;*/
    margin: 0 3%;
}

#partform2.cs-form #patronymic_tmp {
    margin: 0 3.5%;
}

#partform2.cs-form #phone {
    margin-right: 6%;
}

#partform2.cs-form #email {
    margin-right: 0;
}

#partform3.cs-form #house {
    margin-bottom: 18px;
}

#partform4.cs-form table.controls td:first-child {
    width: 25%;
}

#partform4.cs-form .one-row {
    position: relative;
    top: 15px;
}

#partform4.cs-form .label-content {
    margin-top: -20px;
    margin-left: 30px;
}

#partform5.cs-form #target_div {
    margin: 0 20px 20px 20px;
    overflow: hidden;
}

#partform5.cs-form .add-file-icon {
    margin: 20px;
}

#partform5.cs-form table.controls .cmp-label {
    margin: 0;
}

#partform5.cs-form #kraion,
#partform5.cs-form #district {
    padding: 0 0 10px 0;
}

#partform5.cs-form table.controls td:first-child {
    width: 23%;
}

#first-name {

}

#house,
#flat_nmr {
    width: 20%;
}

#last-name_tmp, #first-name_tmp, #patronymic_tmp {
    width: 31%;
}

#email, #phone {
    width: 47%;
    margin-right: 14px;
}

.add-file-input, .akay, .akayMsed {
    width: 0px;
    height: 0px;
    visibility: hidden;
    position: absolute;
}

.filetr, .filetrMsed {
    display: inline-block;
    margin-top: 6px;
}

#category-select option {
    padding-left: 20px;
}

#category-select option:disabled {
    padding-left: 0px;
    background: #c0c0c0;
    color: white;
}

.category-img div {
    background-position: -14px -11px;
    width: 26px;
    height: 26px;
    display: block;
    margin: 5px;
}

.wmenu {
    position: fixed;
    top: -550px;
    right: 45px;
    z-index: 252;
    background: white;
    border: 1px solid #cccccc;
    width: 220px;
    max-height: 90%;
    overflow-y: auto;
}

a.menubutton {
    margin: 10px auto;
    vertical-align: middle;
    padding: 10px 5px 10px 45px;
    line-height: 1.1;
    display: block;
    float: none;
}

a.menubutton:hover, a.menusel {
    background: #279295;
    color: #ffffff;
}

a.menubutton img {
    position: absolute;
    left: 10px;
}

.category-img-20, .category-img-10, .category-img-30 {
    background-image: URL("/img/icons/white/shopping.png");
}

.category-img-21, .category-img-11, .category-img-31 {
    background-image: URL("/img/icons/white/city.png");
}

.category-img-22, .category-img-12, .category-img-32 {
    background-image: URL("/img/icons/white/corruption.png");
}

.category-img-23, .category-img-13, .category-img-33 {
    background-image: URL("/img/icons/white/yard.png");
}

.category-img-24, .category-img-14, .category-img-34 {
    background-image: URL("/img/icons/white/house.png");
}

.category-img-25, .category-img-15, .category-img-35 {
    background-image: URL("/img/icons/white/road.png");
}

.category-img-26, .category-img-16, .category-img-36 {
    background-image: URL("/img/icons/white/medicine.png");
}

.category-img-27, .category-img-17, .category-img-37 {
    background-image: URL("/img/icons/white/education.png");
}

.category-img-28, .category-img-18, .category-img-38 {
    background-image: URL("/img/icons/white/ecology.png");
}

.category-img-29, .category-img-19, .category-img-39 {
    background-image: URL("/img/icons/white/business.png");
}

.category-img-50, .category-img-60, .category-img-40 {
    background-image: URL("/img/icons/white/media.png");
}

.category-img-51, .category-img-61, .category-img-41 {
    background-image: URL("/img/icons/white/transport.png");
}

.category-img-52, .category-img-62, .category-img-42 {
    background-image: URL("/img/icons/white/mfc.png");
}

.category-img-53, .category-img-63, .category-img-43 {
    background-image: URL("/img/icons/white/gov.png");
}

.category-img-54, .category-img-64, .category-img-44 {
    background-image: URL("/img/icons/white/other.png");
}

/*.jtable .jtable thead, .ui-icon-closethick, .ui-dialog .ui-dialog-titlebar*/
/*{*/
/*display: none;*/
/*}*/

.hint--down:after {
    width: 300px;
    white-space: normal;
}

.error-message {
    width: 100%;
    text-align: center;
    color: darkred;
    margin-bottom: 10px;
}

input.error, textarea.error {
    border: 1px solid red;
}

.invalid {
    border: 1px solid red !important;
}

#poligonCoords {
    font-size: 6px;
    font-color: #eeeeee;
    width: 740px;
    height: 30px;
}

.ymaps-b-form-button .ymaps-b-ico {
    margin-top: 9px !important;
}

.cluster-icon {
    color: white;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 26px;
    padding: 0;
    margin: -3px 0 0 -5px;
}

.filtering {
    padding: 13px 10px 10px;
}

.nobr {
    white-space: nowrap;
}

.nobr a {
    display: inline-block;
    padding: 5px;
    color: white;
}

.nobr a:hover {
    text-decoration: underline;
}

.problem {
    text-align: center;
    font-size: 14px;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    max-width: 450px;
    padding: 5px 10px;
}

.problem-blue {
    color: #4d9fbf;
    -webkit-box-shadow: 0 0 4px 0 #4d9fbf;
    -moz-box-shadow: 0 0 4px 0 #4d9fbf;
    box-shadow: 0 0 4px 0 #4d9fbf;
}

.problem-yellow {
    color: #fabb5c;
    -webkit-box-shadow: 0 0 4px 0 #fabb5c;
    -moz-box-shadow: 0 0 4px 0 #fabb5c;
    box-shadow: 0 0 4px 0 #fabb5c;
}

.problem-green {
    color: #9ad16d;
    -webkit-box-shadow: 0 0 4px 0 #9ad16d;
    -moz-box-shadow: 0 0 4px 0 #9ad16d;
    box-shadow: 0 0 4px 0 #9ad16d;
}

.problem-red {
    color: #fa6e6e;
    -webkit-box-shadow: 0 0 4px 0 #fa6e6e;
    -moz-box-shadow: 0 0 4px 0 #fa6e6e;
    box-shadow: 0 0 4px 0 #fa6e6e;
}

.problem-gray {
    color: #a3a3a3;
    -webkit-box-shadow: 0 0 4px 0 #a3a3a3;
    -moz-box-shadow: 0 0 4px 0 #a3a3a3;
    box-shadow: 0 0 4px 0 #a3a3a3;
}

.problem-black {
    color: #000000;
    -webkit-box-shadow: 0 0 4px 0 #000000;
    -moz-box-shadow: 0 0 4px 0 #000000;
    box-shadow: 0 0 4px 0 #000000;
}

.visibilityCheckbox {
    padding: 10px 50px;
}

.styled {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.right-adiv {
    position: absolute;
    right: -37px;
    top: 72px;
    width: 37px;
    height: 170px;

    /*
    margin: 5px -72px -170px 0px;
    */
}

.fancybox-inner {
    overflow: visible !important;
}

.podpos {
    margin-top: 20px;
}

.podpos div, .podpos a {
    font-family: "Roboto Condensed", sans-serif;
    color: #808184;
    font-size: 12px;
    line-height: 16px;
}

.podpos .left img {
    vertical-align: middle;
}

.podpos a {
    text-decoration: underline;
    float: left;
    display: block;
    font-size: 16px;
    margin-right: 20px;
}

.podpos a:hover {
    text-decoration: none;
}

.podpos .t-user-name,
.podpos .t-user-email,
.podpos .t-date-time {
    float: left;
}

.podpos .t-user-name {
    font-size: 15px;
}
.podpos .t-user-email {
    margin-left: 15px;
    font-size: 15px;
}
.podpos .t-date-time {
    margin-left: 42px;
    margin-top: 1px;
}

.date-time {
    position: relative;
    margin-left: 20px;

}

.date-time:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -6px;
    background: url("../img/time.png");
    width: 12px;
    height: 12px;
}

.resp-person {
    position: relative;
    margin-left: 20px;
}

.resp-person:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -7px;
    background: url("../img/person.png");
    width: 12px;
    height: 14px;
}

.podpos .t-stats {
    float: right;
}

.podpos .t-stats .g-shares,
.podpos .t-stats .g-comments,
.podpos .t-stats .g-views {
    float: left;
    margin-left: 30px;
}

.podpos .t-stats .g-shares:before,
.podpos .t-stats .g-comments:before,
.podpos .t-stats .g-views:before {
    margin-right: 5px;
}

.popup-form .like-text {
    padding: 4px 30px;
}

.popup-form .guber-text {
    clear: both;
    text-align: center;
    margin-top: 65px;
}

.socsetu {
    margin: 20px auto 0;
}

.socsetu a {
    float: left;
}

.socsetu a + a {
    margin-left: 41px;
}

.socsetu.right-desc-soc a {
    float: none;
}

.socsetu.right-desc-soc a + a {
    margin-left: 10px;
}

.socsetu.right-desc-soc a img {
    vertical-align: middle;
}

.right-desc-soc .share-text {
    margin-right: 6px;
}

.podsoc {
    font-size: 14px;
    color: #5d5d5d;
    font-family: "PT Sans";
    text-align: center;
    width: 555px;
    margin: 15px auto;
}

.hodresh {
    margin-top: 50px;
    width: 100%;
    float: left;
}

.samhod {
    background: #fff;
    float: left;
    padding: 10px 0 0 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.samhod.jspan {
    max-height: none;
}

.samhod.reply .r-r img {
    width: 100%;
}

.comments-wrap .samhod {
    float: none;
}

.comments-wrap {
    max-height: 400px;
    overflow: hidden;
    position: relative;
}

.iScrollIndicator {
    background: #FFCA77 !important;
}

.iScrollLoneScrollbar {
    background: #f1f1f1 !important;
    right: 7px !important;
    top: 10px !important;
    bottom: 10px !important;
}

.performer .field {
    width: calc(100% - 60px);
    height: 40px;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.performer .choose {
    display: inline-block;
    height: 40px;
    width: 40px;
    border: 1px solid #b6a8c1;
    box-sizing: border-box;
    position: relative;
}

.performer .choose:before {
    content: '...';
    font-size: 30px;
    position: absolute;
    font-weight: 700;
    line-height: 0;
    top: 12px;
    width: 100%;
    text-align: center;
    color: #b6a8c1;
}

.r-time {
    background: url("../img/time.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: myriad;
    margin-top: 3px;
}

.r-l {
    padding: 0 20px;
    width: 140px;
    color: #808184;
}

.r-l a {
    font-size: 14px;
    text-decoration: underline;

}

.r-l a:hover {
    text-decoration: none;
}

.unitfrom {
    color: #A0A2A5;
    font-size: 13px !important;
}

.resh {
    padding-bottom: 23px;
    float: left;
    /*background: url(../img/jlinia.png) 161px top repeat-y;*/
}

.resh + .resh {
    /* background:url(../img/jlinia.png) 161px top repeat-y;*/
}

.resh.last {
    margin-bottom: 23px;
    padding: 0;
}

.r-l, .r-c, .r-r {
    display: table-cell;
    vertical-align: middle;
    min-height: 1px;
}

.r-c {
    padding-right: 20px;
    width: 21px;
}

.r-r {
    width: 400px;
    margin-left: 10px;
    font-size: 14px;
    color: #808184;
    padding-top: 5px;
}

.r-r a {
    color: #856c9a;
    text-decoration: underline;
}

.cfil {
    color: #856c9a;
}

.ellipsis {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}

.r-r a:hover {
    text-decoration: none;
}

.prib {
    font-size: 12px;
    margin-top: 10px;
}

.cifra {
    border: 1px solid #ffd17e;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    line-height: 21px;
    text-align: center;
    font-family: myriad;
    color: #ffcc70;
    font-size: 12px;
    margin-top: 4px;
    background: #fff;
}

.success .cifra {
    text-indent: -9999px;
    background: url(../img/succ.png) no-repeat center center;
    border: none;
    margin-top: 6px;
    position: relative;
    left: 1px;
}

.jspan {
    padding: 17px 0 15px;
    height: auto;
    max-height: 300px;
    overflow: auto;
    width: 100%;
}

.ocom {
    margin-bottom: 17px;
    color: #6b6b6b;
    font-size: 14px;
    width: 590px;
    float: left;
    margin-left: 23px;
    position: relative;
}

.ocom .ocom-txt + a {
    font-size: 10px;
    color: #75588b;
    text-decoration: underline;
    float: left;
}

.ocom .ocom-txt + a:hover {
    text-decoration: none;
}

.ocom-zag {
    text-decoration: underline;
    float: left;
}

.ocom-date {
    float: left;
    margin-left: 10px;
}

.ocom-txt {
    width: 555px;
    float: left;
    margin: 10px 0;
    font-size: 15px;
}

.podifn {
    color: #5d5d5d;
    font-size: 12px;
    margin-top: -10px;
    margin-bottom: 12px;
}

.tiny {
    height: 184px;
    width: 100%;
}

.pbut {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: none;
    outline: none;
    display: block;
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #b6a8c1;
    padding: 10px 30px !important;
    cursor: pointer;
}

.pbut:hover {
    background: #866d9a;
}

.but {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: none;
    outline: none;
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #b6a8c1;
    padding: 10px 30px !important;
    cursor: pointer;
}

#delnotif {
    background: #e28880;
    float: left;
}

#delnotif:hover {
    background: #b00800;
}

.blizcomp .complaint {
    width: 31.33%;
    float: left;
    margin-top: 10px;
    position: relative;
    min-height: 345px;
    padding-bottom: 0;
    margin-bottom: 65px;
}

.blizcomp .voice-padezh {
    display: none;
}

.blizcomp .only-voice-count {
    display: inline;
}

.blizcomp .complaint + .complaint {
    margin-left: 3%;
}

.blizcomp div.img-preview,
.blizcomp .complaint .complaint-text {
    width: auto;
}

.blizcomp div.img-preview {
    height: 120px;
    margin-right: 0;
}

.blizcomp .complaint .title {
    margin-top: 10px;
}

.blizcomp .status-line {
    display: none;
}

.blizcomp .complaint .text {

}

.mce-template-tiny-button button, .mce-template-tiny-button button span {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 10px !important;
}

.popup-form input[type="submit"].like-btn, .popup-form a.like-btn {
    background: #866d9a;
    text-transform: uppercase;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #7a7a7b;
    font-size: 12px;
    font-family: "Roboto";
    margin: 0px;
    color: white;
}

.like-text {
    font-family: "Roboto Condensed", sans-serif;
    color: #808184;
    font-size: 14px;
    line-height: 16px;
    float: left;
    width: 300px;
    padding: 10px 30px;
}

/* Custom Autocomplete */
#kladr_autocomplete {
    font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
}

#kladr_autocomplete ul {
    background: #ffffff;
    border: 1px solid #B1B1B1;
    overflow-y: auto;
    max-height: 400px;
    max-width: 490px;
}

#kladr_autocomplete li {
    font-size: 13px;
    padding: 2px 2px;
    border-top: 1px solid #E2E2E2;
}

#kladr_autocomplete li a {
    display: block;
    padding: 0 10px;
    line-height: 23px;
}

#kladr_autocomplete li:hover a,
#kladr_autocomplete li a:hover {
    font-weight: normal;
    color: #333333;
}

#kladr_autocomplete li .ac-s {
    color: #52A3B6;
}

#kladr_autocomplete li .ac-s2 {
    color: #333333;
}

#kladr_autocomplete li .ac-s,
#kladr_autocomplete li .ac-s2 {
    font-weight: bold;
}

#kladr_autocomplete li .ac-st {
    color: #AAAAAA;
}

table.controls span {
    font-size: 16px;
}

table.controls span.days {
    font-weight: bold;
}

#cat-select-wrapper {
    font-family: 'Roboto Condensed', sans-serif;
}

#cat-select-wrapper a {
    text-decoration: none;
    padding-left: 9px;
    padding-right: 9px;
}

#cat-select-wrapper a:link {
    color: #656565;
}

#cat-select-wrapper a:hover {
    color: #656565;
    background: #e1dae6;
}

#cat-select-wrapper a:visited {
    color: #656565;
}

#cat-select-wrapper a:active {
    color: #656565;
}

#cat-select-wrapper-wrapper {
    width: 100%;
    min-width: 1000px;
}

.content {
    position: relative;
    z-index: 1;
}

#cat-select-wrapper .dialog {
    width: 1280px;
    background-color: #fff;
    padding-bottom: 40px;
    display: block;
    position: fixed;
    font-size: 14px;
    top: 50%;
    left: 50%;
    margin-top: -380px;
    margin-left: -640px;
}

#cat-select-wrapper .dialog_head {
    height: 80px;
    width: 1280px;
    background-color: #866d9a;
}

#cat-select-wrapper .dialog_name {
    padding-left: 40px;
    float: left;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    line-height: 72px;
    color: #fff;
}

#cat-select-wrapper .dialog_icon {
    background-image: url(/img/icon.png);
    background-repeat: no-repeat;
    width: 46px;
    height: 46px;
    float: right;
    margin-top: 17px;
    padding-right: 40px;
}

#cat-select-wrapper .dialog_left_column {
    float: left;
    margin-left: 40px;
}

#cat-select-wrapper .dialog_right_column {
    float: right;
    margin-left: 40px;
    margin-right: 40px;
}

#cat-select-wrapper .dialog_block {
    width: 578px;
    height: 45px;
    border: solid;
    border-width: 1px;
    border-color: #c7c8c9;
    margin-top: 30px;
    cursor: pointer;
}

#cat-select-wrapper .dialog_block_active {
    background: #ffcc71;
    width: 578px;
    height: 45px;
    border: solid;
    border-width: 1px;
    border-color: #ffcc71;
    margin-top: 30px;
    cursor: pointer;
}

#cat-select-wrapper .dialog_block span {
    margin-left: 18px;
    line-height: 54px;
    text-transform: uppercase;
    font-size: 16pt;
    color: #808184;
}

#cat-select-wrapper .dialog_block_active span {
    margin-left: 18px;
    line-height: 54px;
    text-transform: uppercase;
    font-size: 16pt;
    color: #fff;
}

#cat-select-wrapper .icon {
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin: 6px 10px 0px 10px;
}

#cat-select-wrapper .arrow_down {
    width: 16px;
    height: 15px;
    float: right;
    margin-top: 22px;
    margin-right: 20px;
}

#cat-select-wrapper .dialog_block .arrow_down {
    background-image: url(/img/arrow_down.png);
}

#cat-select-wrapper .dialog_block_active .arrow_down {
    background-image: url(/img/arrow_up.png);
}

#cat-select-wrapper .dropdown_list ul {
    width: 578px;
    margin-top: 4px;
    margin-left: -1px;
    position: relative;
    list-style: none;
    font-size: 16px;
    color: #656565;
    border: solid 1px #ffcc71;
    z-index: 9999;
    padding-top: 15px;
    padding-bottom: 14px;
    background: #ffffff;
}

#cat-select-wrapper .dialog_block .dropdown_list {
    display: none;
}

#cat-select-wrapper .dialog_block_active .dropdown_list {
    display: block;
}

#cat-select-wrapper .dropdown_list ul li {
    background: #fff;
    padding-left: 9px;
    height: 30px;
    line-height: 30px;
}

.header-right .version {
    color: #ddd;
    font-size: 14px;
}

#create-form:after {
    content: '';
    display: table;
    clear: both;
}

#create-form {

}

.add-file-wrap .error-message, .avatar-file-wrap .error-message {
    display: table-row;
}

.cats-popup {
    margin: 0;
    max-width: 900px;
}

.cats-header {
    padding: 25px 40px;
    background-color: #279295;
    line-height: 1;
}

.cats-header .left {
    font-family: "Roboto Condensed";
    font-size: 34px;
    color: #FFF;
    font-weight: bold;
}

.cats-header .right {
    margin-top: -6px;
}

.cats-header .right img {
    display: block;
}

.cats-content {
    padding: 15px 0px;
    background: #FFF;
    line-height: 1;
    border: 1px solid gray;
    text-align: center;
}

.cats-content-inner {
    overflow: auto;
}

.cats-icon img {
    width: 100%;
    height: auto;
}

.cats-content .cats-single {
    font-family: "Roboto Condensed";
    font-size: 20px;
    color: #808184;
    text-transform: uppercase;
    font-weight: 300;

    width: 150px;
    display: inline-block;
    margin: 0 5px 20px 5px;

    text-align: center;
    vertical-align: top;
}

.cats-content .cats-single:nth-child(5n) {
}

.cats-content .cats-single .cats-icon {
    width: 60px;
    margin: 0 auto;
    margin-bottom: 8px;
}

.gov-banner img {
    width: 100%;
    height: auto;

}

.cats-content .cats-single:hover,
.cats-content .cats-single.active {
    color: #866d9a;
}

.cats-name {
    line-height: 1.2;
    /*height: 48px;*/
    font-weight: 400;
    font-size: 16px;
}

.big-arrow {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.cats-list ul {
    width: 880px;
    text-align: left;
}

.cats-list li {
    background: url("../img/arrow-orange.png") no-repeat left center;
    background-position: 25px center;
    color: #808184;
    font-size: 18px;
    font-family: "Roboto Condensed";
    padding-left: 55px;
    width: 350px;
}

.cats-list li:hover {
    background-color: #f6f5f8;
    color: #866d9a;
    background-image: url("../img/arrow-purple.png");
}

.supercategories .cats-list li {
    background: none;
}

.cats-list ul li:nth-child(even) {
    float: right;
}

.cats-list ul li:nth-child(odd) {
    float: left;
    clear: both;
}

a.back-me, .create-appeal {
    color: #808184;
    border: 1px solid;
    line-height: 1;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 40px;
    display: inline-block;
    margin-top: 10px;
}

.jspDrag {
    background: #866d9a !important;
}

.jspVerticalBar {
    width: 12px !important;
}

.jspTrack {
    background: #f6f5f8 !important;
    border: 1px solid #d4d3d5 !important;
}

#left-side ul li.adm {
    display: none;
}

#left-side .left-menu-wrap {
    height: calc(100% - 45px);
    position: relative;
}

#left-side .left-menu-inner {
    padding-bottom: 70px;
    /*position: static;*/
    left: 0;
    right: 0;

}

.popover {
    display: block;
    width: 295px;
    border: 1px solid #c9c9c9;
    background: #FFF;
    -webkit-box-shadow: 0px 3px 18px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 18px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 18px 0px rgba(50, 50, 50, 0.75);
    position: relative;
}

.popover::after {
    position: relative;
    background: url("../img/corner.png") no-repeat;
    content: "";
    display: block;
    width: 20px;
    height: 11px;
    top: 11px;
    left: 0;
    right: 0;
    margin: auto;
}

.map-text {
    padding: 0 20px 15px 10px;
}

.map-text p {
    margin-bottom: 3px;
}

.map-date {
    color: #b3b5b2;
    font-size: 11px;
    margin-top: 15px;
    font-family: "Roboto";
}

.top-img-wrapper {
    height: 80px;
    overflow: hidden;
    margin-bottom: 15px;
}

.top-img {
    width: 100%;
    height: auto;
}

#location-p2, #map-overlay {
    display: none;
}

.comment-alert {
    font-size: 12px;
    font-style: italic;
    color: #b00b00;
    float: right;
}

.comments-wrap .ocom .comment-alert {
    position: absolute;
    top: 1px;
    right: 0;
}

.comment-buttons {
    margin-bottom: 20px;
}

.comment-buttons form {
    float: left;
    width: 48%;
}

.comment-buttons form + form {
    margin-left: 4%;
}

.comment-buttons input[type="submit"] {
    margin: 0;
    padding: 10px 95px;
}

.poll-column {
    width: 47%;
}

.poll-date {
    font-size: 15px;
    color: #252525;
    margin-top: 5px;
}

.poll-name {
    margin: 10px 0 10px 0;
}

.poll-even {
    float: left;
}

.poll-odd {
    float: left;
}

.poll-column.left {
    margin-right: 35px;
}

.poll-clearfix {
    margin-bottom: 60px;
}

.poll-odd,
.poll-even {
    width: 97%;
    margin-bottom: 30px;
    clear: both;
}

.poll-odd img,
.poll-even img {
    margin-right: 20px;
    float: left;
    max-width: 480px;
    margin-top: 5px;
}

#center-side.poll-list {
    border: 0;
    width: auto !important;
    float: none;
}

#poll-stats .all-polls {
    font-size: 72px;
    font-family: DINCondencedBold;
    margin-bottom: 10px;

}

#poll-stats {
    display: none;
    right: 0;

    width: 720px;

    height: calc(100% - 45px);

    position: fixed;
    top: 45px;

    background: url(/img/stat-back.png) no-repeat center center;
    background-size: cover;

    font-family: "Roboto Condensed";
    font-weight: 300;
    color: #FFF;

}

.hide-sc {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 20px;
    top: 0;

    overflow: auto;

    overflow-x: hidden;

    box-sizing: border-box;

    padding: 35px 80px 30px 50px;
}

#poll-stats .main-stats {
    table-layout: fixed;
    width: 100%;
    margin: 30px 0;
}

#poll-stats .main-stats td {
    width: 180px;
}

#poll-stats .gender-info {
    overflow: hidden;
}

#poll-stats .gender-img {
    float: left;
    margin-right: 15px;
}

#poll-stats .gender-value {
    font-size: 24px;
    margin-bottom: 10px;
}

#poll-stats .gender-name {
    font-size: 18px;
    text-transform: uppercase;
}

#poll-stats .stat-big-head {
    font-size: 30px;
    text-transform: uppercase;

    margin-bottom: 30px;

}

#poll-stats .stat-big-head::after {
    content: "";
    width: 85px;
    height: 1px;
    background: #FFF;
    margin-top: 15px;
    display: block;

}

#poll-stats .poll-results-table {
    font-size: 14px;

    table-layout: fixed;
    width: 510px;

    margin-bottom: 20px;

}

#poll-stats .main-stats td.all-polls-wide {
    overflow: hidden;
    text-overflow: ellipsis;
}

.poll-results-table td {
    padding-bottom: 0;
    vertical-align: middle;
}

.p-table-option {
    width: 160px;
}

.p-table-progress {
    width: 295px;
}

.p-table-procents {
    width: 25px;
}

#poll-stats .question-text {
    margin-bottom: 15px;
    font-size: 16px;
}

#poll-stats .progress {
    width: 290px;
    height: 12px;
    position: relative;

    overflow: hidden;

    background: rgba(255, 255, 255, .1);

}

#poll-stats .progress .fill {
    height: 100%;
    background: rgb(255, 255, 255);
}

.rules-pane {
    max-height: 600px;
    line-height: 1.3;
}

.rules-pane ol {
    padding: 20px;
}

.rules-pane .jspPane > ol {
    padding: 0px 20px 0px 80px;
}

.rules-pane ol li {
    list-style: decimal;
}

.rules-pane > ol > li {
    margin-bottom: 10px;
}

.rules-pane ul li {
    list-style: disc;
}

.rules-pane ul {
    margin-left: 20px;
    margin-top: 5px;
}

span.support {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: white;
}

#close-btn,
#dlg-close-btn,
.fancybox-close {
    cursor: pointer;
    background: url("../img/close-btn.png?1") no-repeat center center;
    width: 49px;
    height: 49px;
    /*
    top: 20px;
    right: 40px;
    position: fixed;
    */
    z-index: 9999;
    display: block;
}

.fancybox-close {
    position: absolute;
    top: 0px;
    right: -56px;
}

#dlg-close-btn {
    z-index: 10001;
    position: absolute;
    margin: 10px;
}

.fancybox-close {
    margin-left: 15px;
    margin-top: 15px;
    color: white;
}

form.jtable-dialog-form {
    padding: 20px;
}

.ui-dialog .ui-dialog-buttonset button {
    padding: 8px 10px 5px 10px;
}

.ymaps-b-cluster-carousel {
    margin: 0 10px !important;
}

.orderby.active {
    /*font-weight: bold;*/
    color: #11b9ab;
}

.btn-blue {
    background: #4d9fbf !important;
}

.btn-yellow {
    background: #ffcc71 !important;
}

.btn-green {
    background: #b7e99b !important;
}

.btn-red {
    background: #ffa796 !important;
}

.btn-gray {
    background: #a3a3a3 !important;
}

.btn-black {
    background: #000000 !important;
}

.b-poll-img-desc {
    position: relative;
    height: 70%;
    overflow: hidden;
}

.poll-banners {
    display: none;
}

.poll-banners #banners-side {
    right: 0;
    left: auto !important;
}

#center-side.b-poll-list {
    width: 100%;
    padding-left: 0;
    border-right: none;
}

#center-side.b-poll-list .section-header {
    margin-left: 20px;
}

.voters-count {
    color: #866d9a;
}

.b-stats {
    font-size: 16px;
    font-family: "Roboto Condensed";
    color: #7c7c7c;
    margin-bottom: 5px;
}

.b-title {
    font-size: 24px;
    color: #5d5d5d;
    font-family: "Roboto Condensed";
    margin-bottom: 25px;
}

.right-title {
    font-size: 30px;
    color: #FFF;
    margin-bottom: 30px;
    font-family: "Roboto Condensed";
}

.short-line {
    width: 75px;
    height: 1px;
    background: #FFF;
    margin: 5px 0 30px 0;
}

.b-big-size-stat {
    font-size: 18px;
    font-weight: 300;
    color: #FFF;
    width: 205px;
    display: inline-block;
    text-transform: uppercase;
}

.b-big-size-number {
    font-size: 53px;
    font-family: "PFDinTextComPro-Medium";
    margin-right: 10px;
}

.b-poll-single-right {
    position: fixed;
    right: 0;
    left: 900px;
    display: none;
    top: 45px;
    height: calc(100% - 45px);
    margin: auto;
    width: auto;
}

.b-poll-img-desc img {
    width: 300px;
    display: block;
    margin-left: calc(50% - 150px);
    margin-bottom: 10px;

}

.big-stats-container {
    display: inline-block;
    vertical-align: top;
}

.big-stats-container.first {
    margin-right: 10px;
}

.b-likes {
    font-size: 16px;
    font-family: "Roboto Condensed";
}

.right-desc {
    color: #5d5d5d;
    font-size: 16px;
    font-family: "Roboto";
    padding: 30px;
    padding-bottom: 20px;
    background-color: #f3f3f3;
    height: 30%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b-bottom-desc {
    position: relative;
    left: 0;
    bottom: 0;
    padding: 20px;
    font-family: "Roboto";
    font-size: 16px;
    color: #FFF;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-unit .enter-row {
    width: 450px;
}

.popup-unit .input-section {
    width: 450px;
}

.popup-unit .input-section a {
    font-size: 14px;
    text-decoration: underline;
    color: #866d9a;
}

.popup-unit .input-section h3 {
    font-family: Roboto, Verdana;
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
    color: #5d5d5d;
}

.popup-unit img {
    width: 100px;
    padding-right: 40px;
}

.popup-unit .input-section p {
    padding-top: 10px;
    font-weight: normal;
    font-size: 13px;
}

.popup-unit .input-section a {
    font-size: 14px;
    text-decoration: underline;
    color: #866d9a;
}

.microfont {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
}

.status-column {
    float: left;
    width: 32%;
    position: relative;
    padding-top: 30px;
    margin-right: 5px;
}

.topic-time-resp {
    color: #808184;
    font-size: 12px;
    font-family: "Roboto Condensed";
}

.topic-time-resp div {
    display: inline-block;
    padding-left: 15px;
    background: no-repeat left center;
}

.topic-time-resp div:first-child {
    background-image: url("/img/time.png");
    margin-right: 25px;
}

.topic-time-resp div:last-child {
    background-image: url("/img/person.png");

}

.status-text {
    color: #5d5d5d;
    font-size: 12px;
    font-family: "Roboto";
    padding-left: 35px;
}

.status-progress {
    height: 3px;
    background: #dfdfdf;
    margin-bottom: 10px;
    overflow: hidden;
}

.status-icon {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 0;
    top: 0;
    background: no-repeat center center;
}

div.st-stats table td,
div.st-stats table th {
    text-align: left;
}

div.st-stats {
    margin: 10px;
}

.fail .status-icon {
    background-image: url("/img/fail.png");

}

.status-columns {
    margin-top: 20px;

}

.status-section {
    font-size: 14px;
    color: #b8b8b8;
}

.fail .status-section,
.normal .status-section,
.success .status-section {
    color: #5d5d5d;
}

.status-section b {
    font-size: 18px;
}

.success .status-icon {
    background-image: url("/img/success.png");
}

.status-section {
    padding-left: 10px;
    border-left: 1px solid #dddddd;
    margin-bottom: 10px;
}

.status-progress div {
    height: 100%;
}

.fail .status-progress div,
.success .status-progress div {
    width: 100% !important;
}

.fail .status-progress div {
    background: #e68b7d;
}

.success .status-progress div,
.normal .status-progress div {
    background: #acd373;
}

.iqs-logo {
    background: url("/img/iqs-g.png") no-repeat center center;
    background-size: 100% auto;

    position: absolute;
    bottom: 10px;

    width: 85%;
    height: 30px;
    left: 0;
    right: 0;
    margin: auto;

    cursor: pointer;
}

.iqs-logo:hover {
    background-image: url("/img/iqs-c.png");
}

.topic-status {
    color: #5d5d5d;
    font-family: "Roboto Condensed";
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;

}

.popup-section a.underline {
    text-decoration: underline;
}

#center-side > .row, #center-side .tape, .gov-banner {
    display: none;
}

#center-side .g-shares {
    display: none;
}

.fancybox-error {
    display: none;
}

body div.jtable-main-container > div.jtable-bottom-panel div.jtable-left-area {
    display: inline-block;
    margin-right: 100px;
}

body div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
    position: static;
    display: inline-block;
}

/*body div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td{*/

/*}*/

/*body div.jtable-main-container > table.jtable{*/

/*}*/

/*body div.jtable-main-container {
    min-width: 1000px;
}*/

.center .recaptchatable {
    margin: auto !important;
}

#feedback span {
    padding-right: 5px;
}

#feedback #house {
    margin: 0;
}

#kraion, #district {
    display: block;
    padding: 5px 0;
    font-size: 13px;
    border: 0;
    margin: 0;
    background: none;
}

.partform {
    display: none;
}

.dummy-class {
    padding-top: 1px;
}

table.attach-line {
    padding: 0px;
}

table.attach-line td {
    padding: 0px;
}

table.attach-line td.file-name {
    padding: 0px;
}

table.attach-line img.thumb {
    width: 39px;
    margin-left: 5px;
}

table.attach-line img.dept-remove {
    margin-left: 5px;
}

ol.fix-kadastr-price li {
    /*margin-bottom: 2px;*/
}

ol.fix-kadastr-price li a {
    color: #808080;
    text-decoration: underline;
}

.complaint-form {

}

.cs-form #patronymic_tmp {
    margin: 0 3.5%;
}

.cs-form #phone {
    margin-right: 6%;
}

.cs-form #email {
    margin-right: 0;
}

.cs-form #patronymic_tmp {
    margin: 0 3.5%;
}

.cs-form #phone {
    margin-right: 6%;
}

.cs-form #email {
    margin-right: 0;
}

div.rules {
    margin-left: 20px;
    margin-top: 10px;
}

div.agreement {
    margin-top: 10px;
    margin-left: 50px;
    margin-right: 50px;
}

div.agreement-txt ol {
    counter-reset: section;
    list-style-type: none;
    line-height: 2;
}

div.agreement-txt li {
    margin-left: 20px;
}

div.agreement-txt > ol > li {
    margin-left: 0;
}

div.agreement-txt li::before {
    counter-increment: section;
    content: counters(section, ".") "  ";
}

div.agreement-txt div {
    margin-left: 20px;
}

.cat43, .cat53, .cat63 {
    display: none !important;
}

.socsetu.card {
    display: table;
    width: auto;
}

.complaint-bottom-stats > .right > .social-likes_single-w {
    padding: 0;
}

.social-likes__counter.social-likes__counter_single {
    color: #b3b3b3;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: inherit;
    font-weight: normal;
}

.social-likes__widget.social-likes__widget_single:hover,
.social-likes__widget.social-likes__widget_single:active,
.social-likes__widget.social-likes__widget_single:focus {
    cursor: default;
}

.socsetu.card .social-likes__button, .b-poll-single-right .social-likes__button {
    padding-left: 24px;
    padding-right: 10px;
    height: 35px;
}

.socsetu.card .social-likes__icon, .b-poll-single-right .social-likes__icon {
    padding-top: 14px;
    padding-left: 4px;
}

.socsetu.card .social-likes__counter, .b-poll-single-right .social-likes__counter {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 7px;
    padding-right: 7px;
}

.socsetu.card .social-likes__icon_odnoklassniki, .b-poll-single-right .social-likes__icon_odnoklassniki {
    background-position: 6px 10px;
}

.reject-reason {
    display: block;
    width: 100%;
}

.complaint-name {
    color: #f5b56a;
}

#ui-datepicker-div {
    font-size: 88%;
}

.ui-widget-overlay {
    z-index: 10000;
    background: #000;
    opacity: .6;
}

.ui-widget {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
}

body div.jtable-main-container > table.jtable > tbody > tr td:last-child {
    border-right-width: 0;
}

div.jtable-main-container > div.jtable-title {
    padding: 20px 0 20px 10px;
}

div.jtable-main-container > table.jtable > thead th {
    padding: 10px 0;
}

div.jtable-main-container > div.jtable-title div.jtable-title-text {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 22px !important;
    text-transform: uppercase;
}

body div.jtable-main-container > div.jtable-title {
    background-color: #207678;
}

body div.jtable-main-container > table.jtable > thead {
    background-color: #4ea6a8;
}

body div.jtable-main-container > div.jtable-bottom-panel {
    background-color: #4ea6a8;
}

body div.jtable-busy-message {
    background-color: #4ea6a8;
}

div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
    background-color: #f3ffff;
}

div.jtable-main-container > table.jtable > tbody > tr:hover {
    background: #bcdcdd;
}

.info-content {
    padding: 40px;
    box-sizing: border-box;
    width: 550px;
}

.info-content * {
    box-sizing: border-box;
}

.info-content p {
    font-size: 16px;
    color: #A3A3A3;
    padding-bottom: 10px;
}

.info-content .summary {
    font-size: 20px;
    color: #525252;
    padding-bottom: 20px;
}

.create-appeal {
    width: 140px;
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    color: #808184;
    border-color: #C0C0C0;
}

.phone-wrapper {
    position: relative;
}

.phone-wrapper .phone-formatted {
    width: 150px;
    padding-left: 22px;
}

.phone-wrapper .phone-prefix {
    position: absolute;
    top: 6px;
    left: 5px;
    font-family: "PT Sans";
    font-size: 14px;
}

.complaint-cc-form .phone-wrapper .phone-prefix {
    top: 8px;
}

.complaint-cc-form .phone-wrapper .phone-formatted {
    width: 47%;
}

#register-form .phone-wrapper .phone-formatted {
    width: inherit;
    padding-left: 10px;
}

#register-form .phone-wrapper .phone-prefix {
    left: -20px;
}

.profile-form .phone-wrapper .phone-prefix {
    left: 236px;
    top: 117px;
}

.profile-form .phone-wrapper .phone-formatted {
    width: 200px;
    padding-left: 10px;
}

.ui-dialog.jtable-dialog-form {
    position: static;
    width: 300px;
}

.ui-dialog.jtable-dialog-form .ui-dialog-buttonpane {
    margin: -1px -20px -20px;
    background: #eeeeee;
}

.popular * {
    display: inline-block;
    vertical-align: middle;
}

.supercategories .popular span {
    padding-left: 15px;
}

.popular-categories-popup .cats-header .subcategory {
    font-size: 22px;
}

#publicSaveButton {
    display: none;
    font-size: 14px;
    padding: 7px 10px;
    margin: 0;
}

.categorySelect {
    width: 100%;
}

.cats-list.row span {
    width: 250px;
}

.poll-main-info .poll-text {
    float: none;
    padding-left: 0px;
}

.hidden {
    display: none;
}
.select2-container.select2-container--default.select2-container--open{
    z-index: 10000;
}

#dvor_button {
    background-color: #f8a22d;
    color: white;
    border-bottom: 2px #e38d09 solid;
}

#dvor_button a {
    color: white;
}

.dvor_links {
    width: 600px;
}

.dvor_links div {
    display: inline-block;
    padding: 5px;
}

.dvor_link {
    color: #0044cc;
    text-decoration: underline;

}

.dvor_tab {
    width: 650px;
    height: 500px;
}

#dvor_info_content {
    display: none;
}

#dvor_list_content {
    display: none;
}

#dvor_poll_content {
    display: none;

}
#dvor_add_content {
    display: none;

}

#dvor_poll_result_content {
    display: none;

}

.dvor_poll_button {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 200px;
    padding: 15px;
}
.center .dvor_poll_button{
    padding: 15px;
}

#dvor_main_content {
}

#dvor_list_content {
}

#dvor_poll_content {
}

.dvor_back {
    color: white;
    font-size: 60px;
    text-decoration: none;
    margin-right: 20px;
}

#dvor_in_plan_table, #dvor_in_plan_pagination {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;

}

#dvor_in_plan_pagination {
    position: absolute;
    bottom: 0;
}

#dvor_info_content div.info-content{
    overflow: auto;
    height: 400px;
    padding: 40px 4px 30px 40px;
    width: calc(100% - 40px);
}
#dvor_info_content .cats-popup .info-content p{
    font-size: 18px;
}
.dvor_step{
    display:inline-block;
}
.dvor_step div{
    display: inline-block;
}
.info-content .error{
    padding: 30px;
    color: red;
    font-size: 16px
}
#poll_result_pagination {
    position: absolute;
    bottom: 0;
}
#poll_result_table, #poll_result_pagination {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.info-content-dvor {
    padding: 40px;
    box-sizing: border-box;
}
.gratsAndSharing{
    text-align: center;
}

.gratsAndSharing .social-likes {
    margin-top: 18px;
    margin-bottom: 1px;
}
.zeroPadding{
    padding: 0;
}

.rTable {
    display: table;
    width: 100%;
    border-collaps: collapse;
}
.rTableRow {
    display: table-row;
}
.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
}
.rTableCell {
    display: table-cell;
    padding: 3px 10px;
    border-bottom: 1px solid #999999;
    width:20%;
}

.rTableCell2 {
    display: table-cell;
    padding: 3px 10px;
    border-bottom: 1px dotted #999999;
    width:20%;
}

.rTableCell2 a{
    color: #666666;
    text-decoration:underline;
}

.rTableHead {
    display: table-cell;
    padding: 3px 10px;
    border-bottom: 2px solid #000000;
    width:20%;
}

.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold;
}
.rTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}
.rTableBody {
    display: table-row-group;
}
div.xslTemplate span.categoryTitle{
    padding-left: inherit;
}
video {
    width: 100%;
}
.fancybox-inner .complaint-form.popup-form{
    margin-bottom: 10px;
}
.fancybox-inner{
    height:auto !important;
}
#carNumber{
    width: 9em;
    float: left;
    margin-right: 1em;
}

div.jtable-child-table-container{
    padding: 10px;
    background-color: #5f9cdc;
}