html {
    overflow-y: scroll;
}

table.indicator tbody tr{
    height: 65px;
}
table.indicator tr>td{
    vertical-align: middle;
}

table.links{
    text-decoration: none;
}
table.links:hover{
    text-decoration: none;
}
table.links a{
    color: #ffffff;
    text-decoration: none;
}
table.links a:hover{
    color: #ffffff;
    text-decoration: none;
}

table .color-red{
    background-color: #F24545;
}
.color-red td:hover{
    background-color: rgb(153, 42, 42);
}

.text-green{
    color: #5EB560;
}
table .color-green{
    background-color: #5EB560;
}
.color-green td:hover{
    background-color: rgb(58, 116, 60);
}

table .color-blue{
    background-color: #4472F2;
}
.color-blue td:hover{
    background-color: #2f4e9e;
}

.text-yellow{
    color: #FFF200;
}
table .color-yellow{
    background-color: #FFF200;
}
.color-yellow td:hover{
    background-color: #917f07;
}

table .color-gray{
    background-color: #cccccc;
}
.color-gray td:hover{
    background-color: #5a5a5a;
}



/*==newmars===
.container-fluid{
    padding-top: 51px;
    margin-left: -15px;
}

@media (min-width: 768px) and (max-width: 1170px) {
    .container-fluid {
        padding-top: 80px;
    }
    nav .container {
        width: 100%;
    }
    .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 900;
    display: block;
    padding: 5px;
    overflow-x: auto;
    overflow-y: auto; !* Scrollable contents if viewport is shorter than content. *!
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    width: 200px;
}*/

html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 0 10px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: auto;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.text-button {
    text-decoration: underline;
    border: none;
    background: none;
    padding: 0;
    display: block;
    cursor: pointer;
}
.text-button-no-link {
    text-decoration: none;
    border: none;
    background: none;
    padding: 0;
    display: block;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.show-grid {
    margin-bottom: 15px;
}

table caption {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}


/*��������� �� stage2 ��� ��� �������� ��������*/
.compare-wrap {
  padding-left: 180px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.compare-item {
  /*width: 160px;*/
}

.compare > ul ,
.price-list-right-part ul {
  font-size: 0;
}

.compare > ul > li,
.price-list-right-part ul > li {
  width: 180px;
  display: inline-block;
  vertical-align: top;
}
.compare-title {
  font-size: 18px;
  margin-bottom: 30px;
}
.compare-item span {
    display: block;
    white-space: nowrap;
}
.compare-item span:empty {
    display: block;
    height: 1.45em;
}
.compare-item input {
    display: block;
    white-space: nowrap;
}
.compare-item input:empty {
    display: block;
    line-height: 1.43em;

}
.compare-item-title {
  color: #ffffff;
  font-size: 14px;
  height: 85px;
  /*line-height: 22px;*/
  vertical-align: middle;
  padding-left: 10px;
  background: #4873a6;
}
.compare-item-image img {
  width: 100%;
  border: 1px solid #d3d3d3;
  margin-left: -1px;
}
.compare-item-info {
  /*margin: 8px 0 30px;*/
}
.compare-item-info:after {
  display: block;
  content: '';
  clear: both;
}
.compare-item-rating {
  width: 47px;
  float: left;
  height: 31px;
  line-height: 31px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
.compare-item-rating.yellow {
  background: #ffff00;
  color: #555555;
}
.compare-item-rating.red {
  background: #00cc66;
}
.compare-item-rating.green {
  background: #ff0000;
}
.compare-item-area {
  float: left;
  text-align: center;
}
.compare-item-area:after {
  display: block;
  content: '';
  clear: both;
}
.compare-item-area div {
  float: left;
  width: 36px;
  height: 31px;
  line-height: 31px;
  color: #ffffff;
  font-size: 17px;
  background: #4873a6;
}
.compare-item-area div i {
  font-size: 8px;
  position: relative;
  top: -8px;
}
.compare-item-area span {

  height: 31px;
  line-height: 31px;
  float: left;
  color: #555555;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
  background: #ededed;
  border: 1px solid #dfdfdf;
  border-left: none;
}
.compare-item-delete a {
  display: block;
  width: 100%;
  height: 31px;
  line-height: 31px;
  background: #d3d3d3;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 2px solid #a7a7a7;
  color: #ffffff;
  text-decoration: none;
}
.compare-item-delete a:hover {
  background: #a7a7a7;
  border-color: #818181;
}
.price-list {
  /*width: 1000px;*/
  margin: 30px auto;
  position: relative;
}
.price-list:after {
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  background: #f8f8f8;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.price-list {
  border-top: 1px dashed #b8b8b8;
}
.price-list-left-part {
  float: left;
  width: 180px;
}
.price-list-left-part-header{
  float: left;
  text-align: right;
  width: 180px;
  padding: 186px 10px 0 0;
}
.price-list-left-part-header span{
  display:  block;
  white-space: nowrap;

}
.price-list-left-part a {
  display: block;
  border-bottom: 1px dashed #b8b8b8;
  height: 30px;
  background: #ffffff;
  text-align: right;
  padding: 0 10px 0 0;
  line-height: 30px;
  font-size: 14px;
  color: #00a3e4;
  text-decoration: none;
}
.price-list-left-part a span {
  border-bottom: 1px dotted #00a3e4;
}
.price-list-left-part a:hover {
  color: #4873a6;
}
.price-list-left-part a:hover span {
  border-color: transparent;
}
.price-list-right-part {
  float: left;
  position: relative;
  /*width: 720px;*/
}
.price-list-right-part:after {
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  background: #f8f8f8;
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 10;
}
.price-list-right-part li div {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #4d4d4d;
  width: 160px;
  background: #f2f2f2;
  padding-right: 20px;
  border-bottom: 1px dashed #b8b8b8;
  position: relative;
}
.price-list-right-part li div:after {
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  background: #f8f8f8;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.radio-button {
  display: -moz-inline-box;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 30px;
}
.radio-button .jClever-element {
  margin-bottom: 0 !important;
}
#popup-info {
  padding: 50px 25px 40px;
  background: #ffffff;
}
.content-popup-info > li {
  display: none;
}
.content-popup-info > li.active {
  display: block;
}
.content-popup-info label {
  display: -moz-inline-box;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-left: 10px;
}
.content-popup-info .jClever-element {
  margin-bottom: 0 !important;
}
.content-popup-info .jClever-element-select-list {
  border: 1px solid #d7d7d7;
}
.content-popup-info .jspPane {
  width: 100% !important;
}
.content-popup-info-sel-year,
.content-popup-info-sel-month {
  display: -moz-inline-box;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 30px;
}
.title-popup-info {
  color: #4873a5;
  font-size: 21px;
  margin: 30px 0;
}
.graph-popup-info {
  margin-top: 20px;
}
.graph-popup-info img {
  width: 100%;
}
.fancybox-inner {
  height: auto !important;
}
.fancybox-close {
  width: auto;
  height: auto;
  right: 10px;
  top: 15px;
  text-decoration: none;
}
.fancybox-close:before {
  content: '';
  font-size: 12px;
  color: #00a3e4;
}

.compare ul > li {
  display: inline-block;
  vertical-align:top;
  width: 180px;
}

/* padding bottom for left side for slider in generator and generatortrc */
.price-list-right-part ul > li {
  display: inline-block;
  vertical-align:top;
  width: 180px;
  margin: 0;
}
/* delete button in lists in generator and generatortrc */
.delete-button-x {
    z-index:990;
    position: absolute;
    margin: 65px 0 0 185px;
}
.delete-button-x a {
    color: #ffffff;
}
.delete-button {
    position: absolute;
    margin: -30px 0 0 100px;
    /*display: inline-block;*/
}
.delete-button a {
    color: #0000FF;
    font-size: 16px;
    font-weight: bold;
    cursor:pointer;
}
/* modal for checklist in generator */
.modal {
    z-index: 99999;
}
.modal-dialog {
    width: 80%;
}
.modal-content {
    overflow: auto;
}

/** navbar **/

@media (max-width: 1170px) {
    .navbar-brand {
        font-size: 16px;
    }
}

/** mallsplans **/

.plan-page .box-color-grid, .plan-page .box-side-block {
    z-index: 800 !important;
}

.mallsplans-page .map-block {
    border: 1px solid #cdcdcd;
    padding-right: 10px;
    padding-left: 10px;
}
.mallsplans-page .map {

}
.mallsplans-page .map-controls {
    padding: 10px 5px 10px 5px;
    margin: 10px 0 10px 0;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.hint-store {
    visibility: hidden;
    position: absolute;
    font-size: 1.3rem;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 'Open Sans', Arial, Sans;
    background: #ffffff;
    z-index: 10000;
    border: 1px solid black;
    border-radius: 5px;
    opacity: 0.9;
}

.hint-body {
    position: relative;
    padding: 10px;
    background: #000000;
}

.hint-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

    /* main */
.form-submit {
    cursor: pointer;
}

/* heatmap */

#heatmap-container{
    position: fixed;
    display: block;
    top:100px;
    bottom: 0;
    left:0;
    right: 0;
}
#map {
    height: 100%
}
.map-container {
    height: 22vw;
    text-align: center;
}
.map-container .map {
    height: 22vw;
}
.map-container svg {
    height: 22vw;
}

.loading {
    opacity: .5;
    pointer-events: none
}

/** heatmap legends **/

.heatmap-legend {
    background-color: #ffffff;
    padding: 10px;
}

.legend-labels {
    margin-top: 5px;
}

.legend-labels .legend-square, .legend-labels .legend-text {
    display: inline-block;
    vertical-align: middle;
}

.legend-labels .legend-square {
    margin-right: 5px;
    width: 30px;
    height: 90%;
    border: 1px solid #000000;
}
.legend-labels .legend-label {
    height: 20px;
}

ul { padding: 0; margin: 0; }

li {
    list-style-type: none;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


/* easy_wins-table */

.easy_wins-table {
    margin-top: 30px;
    text-align: left;
}

.easy_wins-table td {
    height: 1px;
    border: 1px solid #000;
    min-width: 100px;
}

.easy_wins-table th, .easy_wins-table td {
    padding: 10px;
    text-align: center;
}

.easy_wins-table th {
    border: 1px solid #000;
}

.easywins-open__btn {
    display: block;
    height: 100%;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    color: #5CBC77;
}
.easywins-open__btn:hover {
    text-decoration: none;
}

.easywins-open {
    background-color: #C6EFCE;
    cursor: pointer;
}

.easywins-val-highlight {
    background-color: #D9D9D9;
}

.easywins-val-nohighlight {

}

/* main */

.easywins-block a {
    display: block;
    min-height: 100px;
}
.easywins-block a:hover {
    text-decoration: none;
}
.easywins-text {
    min-height: 60px;
}
.easywins-block div a {
    position: relative;
}
.easywins-block div a img{
    position: absolute;
    display: inline-block;
    max-height: 80px;
    max-weight: 80px;
    margin: auto;
    top: 0;
    bottom: 0;
}
.easywins-block div a ul{
   padding-left: 150px;
}

/* main page blocks */
.stats_box {
    background: #eee;
}
.stats_box li {
    background: #eee;
    -webkit-box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
    box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
    display: inline-block;
    line-height: 18px;
    margin: 0 10px 10px;
    padding: 0 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    float: left;
}
.stats_box li .header {
    background: #a94442;
}
.sparkline {
    min-width: 50px;
    border-right: 1px solid #dcdcdc;
    -webkit-box-shadow: 1px 0 0 0 #fff;
    box-shadow: 1px 0 0 0 #fff;
    float: left;
    margin-right: 12px;
    padding: 10px 14px 0 4px;
    line-height: 52px;
}
.stat_text {

    font-size: 12px;
    padding: 9px 10px 7px 0;
    text-align: left;
    min-width: 200px;
    position: relative;
    display:block;
}
.stat_text strong {
    display: block;
    font-size: 16px;
}
.stat_text .percent {
    color: #444;
    float: right;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 6px;
}
.percent.up {
    color: #46a546;
}
.percent.down {
    color: #c52f61;
}

.analytics_percent {
    color: #444;
    font-weight: bold;
}
.analytics_percent.up {
    color: #46a546;
}
.analytics_percent.down {
    color: #c52f61;
}

/* main menu перкрасим активный элемент закрепим на верхнем слое*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #000000;
	font-weight: bold;
    background-color: #888888;
}
.navbar-inverse {
    z-index: 99999;
}

/* datatable generator */
td.details-control {
    background: url('../../img/details_open.png') no-repeat center center !important;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../../img/details_close.png') no-repeat center center !important;
}
/* Ensure that the demo table scrolls */
th, td {
    white-space: nowrap;
    /*padding-left: 10px !important;
    padding-right: 10px !important;*/
}
div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}
.DTFC_LeftBodyWrapper {
    padding-top: 0px;
    /*top: 20px !important;*/
}
.DTFC_LeftFootWrapper {
    /*top: 20px !important;*/
}

#DataTables_Table_0 .delete-button {
    visibility: hidden;
}

.dataTables_scrollBody table {
    margin: auto auto auto 0px;
}
table.dataTable tbody tr.parent.odd {
    background-color: #f9f9f9;
}
table.dataTable tbody tr.parent.even {
    background-color: #f6f6f6;
}
.DTFC_RightWrapper {
    visibility: hidden;
}

/*data-table lamp after sol*/
.dataTables_length {
    float: right !important;
    padding-left: 7px;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 100;
    width: 64px;
}
.dataTables_length {
    height: 30px;
}
.dataTables_length select {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.dataTables_length select option {
    height: 30px;
}

.paging_solPagination {
    float: left !important;
    margin-top: 15px;
    margin-left: -15px;
}
.dataTables_wrapper .tab-fotter__button {
    margin-top: 15px;
    margin-right: -15px;
}

.dataTables_wrapper .dt-buttons {
    display: none;
}

.dataTables_length {
    position: absolute;
    right: 25px;
    top: -50px;
}

.dataTables_wrapper td {
    text-align: left !important;
}

.dataTables_wrapper td:first-child {
    text-decoration: none !important;
}

.datatable_tm thead:first-child .row-item, .datatable_tm_brand thead:first-child .row-item{
    border-radius: 3px 3px 0 0;

    height: 13px;
    font-size: 12px;
    line-height: 16px;
    color: #666;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: white;
    background-image: linear-gradient(-73deg, #e5e6ec 0%, #f5f6f8 100%);
    box-shadow: 1.5px 2.6px 6px rgba(0, 0, 0, 0.17);
    position: relative;
    cursor: default !important;

}

.datatable_tm  tfoot tr:first-child .row-item, .datatable_tm_brand tfoot tr:first-child .row-item{
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right !important;
    padding-right: 14px;
    background-color: white;
    position: relative;
    cursor: default !important;

}
.custom_filter_class {
    padding-bottom: 15px;
}
.datatable_tm  tbody tr .row-item, .datatable_tm_brand tbody tr .row-item {

    padding: 8px 12px 6px 30px;
    text-align: left !important;
    font-size: 14px;
    line-height: 17px;
    background-color: #fff;
    font-weight: 400;
    cursor: default !important;
}

.dataTables_wrapper td:first-child .row-item {
    color: #0094ef;
    /*padding: 8px 12px 6px 30px;*/
}

.dataTable.display tbody tr.odd {
    /*background: #FFFFFF !important;*/
}
.dataTable thead th, .dataTables_wrapper table td {
    border-bottom: none !important;
    vertical-align: baseline !important; /*полоска без такого свойства почему-то (bootstrap)*/
}

/* highcharts title */
.highcharts-title-h3 {
    margin-bottom: -62px;
    position: relative;
    z-index:1;
}
.highcharts-title-h3-sub {
    color: #555555;
    font-size: 12px;
    padding-top: 70px;
    margin-bottom: -60px;
    position: relative;
    z-index:1;
}
.highcharts-title, .highcharts-subtitle {
    visibility: hidden;
}

.count_items:not(:last-child):after {
    content: ',';
}

.leaflet-top .leaflet-control {
    margin-top: 60px;
}

.visible {
    visibility: visible !important;
}

.red {
    color:red;
}
.green {
    color:green;
}

.row-block {
    margin-bottom: 40px;
}

.shown-block {
    display: block !important;
}

.inner-graphic .box-tgraphic-tab {
    margin-bottom: 20px;
}

.graph-container .highcharts-title-h3 {
    margin-bottom: 0;
}

.chart-page .box-settings {
    padding-bottom: 10px;
}

.highcharts-container {
    margin-top: 20px;
}

tr.border_bottom td {
    border-bottom: 1pt solid #666 !important;
}

.table-hover-conversation > tbody > tr:hover td {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666 !important;
}