html body
 {
  background-color: #ffffff;
 }

html header
 {
  background-color: #e5e5e5;
 }

.header-table.table
 {
  margin-top: 0px;
 }

div.clients
 {
  display: none;
 }

div.menu
 {
  border-bottom: solid 1px #e5e5e5;

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
 }

.wrapper
 {
  overflow: visible;
 }

.main_wrap
 {
  margin: auto;

  max-width: 1080px;
  padding: 5px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;

  background-color: #ffffff;

  font-family: "Rubik", sans-serif;
  font-size: 16px;
 }

.main_wrap h1
 {
  display: block;

  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;

  text-align: center;

  font-size: 150%;
  font-weight: normal;
  color: #717b87;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
 }

.info_area
 {
  display: block;

  margin: auto;
  margin-bottom: 20px;

  text-align: center;

  font-size: 120%;
  font-weight: normal;
  color: #717b87;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
 }

.button_area
 {
  text-align: center;
 }

.btn
 {
  margin: 5px;

  cursor: pointer;
  user-select: none;

  opacity: 0.3;

  transition: none;
 }

.btn:hover,
.active
 {
  opacity: 1;
 }


.green_btn
 {
  background-color: #19b83c;
 }

.green_btn:hover
 {
  background: -webkit-linear-gradient(338.85deg,#19b83c 10.15%, #0b7923 119.02%), #19b83c;
  background: -o-linear-gradient(338.85deg, #19b83c 10.15%, #0b7923 119.02%), #19b83c;
  background: linear-gradient(111.15deg, #19b83c 10.15%,#0b7923 119.02%), #19b83c;
 }

.part
 {
  margin-top: 20px;
 }

.avg_table,
.diagram_table
 {
  margin: auto;

  width: 980px;
  border-collapse: collapse;

  text-align: center;

  font-weight: 500;
 }

.avg_table td,
.diagram_table td
 {
  padding: 10px;
  border: solid 3px #808080;

  line-height: 1.2;
 }

.tab_office .avg_table td,
.tab_office .diagram_table td
 {
  border-color: #0070c0;
 }

.tab_building .avg_table td,
.tab_building .diagram_table td
 {
  border-color: #18904f;
 }

.avg_table .no_left_border
 {
  padding-right: 80px;
  border-left: solid 0px #ffffff;

  font-size: 34px;
 }

.avg_table .no_right_border
 {
  border-right: solid 0px #ffffff;
 }

.avg_table td img
 {
  width: 80px;
 }

.white_text
 {
  color: #ffffff;
 }

.a_class
 {
  background-color: #ff5050;
 }

.b_class
 {
  background-color: #00b0f0;
 }

.c_class
 {
  background-color: #ffc000;
 }

.none_class
 {
  background-color: #9f9d9d;
 }

.avg_table .add_info
 {
  padding-right: 0px;
  border: none;

  text-align: right;
 }

.diagram_table_caption
 {
  font-size: 30px;
 }

.diagram_table .caption
 {
  font-size: 20px;
 }

.legend
 {
  text-align: center;
 }

.legend > div
 {
  display: inline-block;

  margin: 6px;

  vertical-align: top;
 }

.legend > div > span
 {
  display: inline-block;

  vertical-align: middle;

  font-size: 15px;
  font-weight: 400;
  color: #404040;
 }

.legend > div > span:first-child
 {
  margin-right: 4px;

  width: 20px;
  height: 4px;
 }

.chart
 {
  margin-top: 20px;
 }

.date_select
 {
  margin-bottom: 10px;

  font-weight: 400;
 }

.date_select span,
.date_select select,
.date_select div
 {
  display: inline-block;

  margin-left: 5px;
  margin-right: 5px;

  vertical-align: middle;
 }

.date_select .select_wrap
 {
  border: solid 1px #bbbbbb;
  background-color: #ffffff;

  overflow: hidden;
 }

.date_select select
 {
  width: 140px;
  height: 40px;
  padding: 10px;
  background-color: #ffffff;

  text-align: center;

  cursor: pointer;
 }

.date_select .btn
 {
  height: 40px;
 }

.part .filterresults-header__pdf
 {
  display: inline-block;

  margin-bottom: 20px;

  font-size: 14px;

  cursor: pointer;
 }

.part .green_pdf
 {
  background: url(/local/templates/osobnyak-moscow/img/icons/pdf-green.svg) left no-repeat;

  color: #1ab83c;
 }

.hourglass_preloader
 {
  display: inline-block;

  margin-bottom: 20px;

  height: 20px;
  padding-left: 30px;

  background-image: url("pic/hourglass.gif");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;

  line-height: 20px;

  font-size: 14px;
  color: #0174ff;

  cursor: pointer;
 }

.hourglass_preloader_green
 {
  background-image: url("pic/hourglass_green.gif");
  color: #19b83c;
 }

.hide
 {
  display: none !important;
 }

img.loader
 {
  position: relative;
  top: 5px;

  margin-bottom: 10px;
  margin-left: 5px;

  vertical-align: middle;
 }