﻿/*----Cерверные кнопки----*/

#server-panel { 
  float: right;
  text-align: center;
}
#server-panel ul li { 
  padding: 10px 10px; 
  width: 80px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

/*----Бокс настроек----*/

.settings-box table {
  text-align: left;
  position: relative;
  left: 5px;
}
.settings-box input {
  height: 21px;
  width: 155px;
  padding-left: 2px;
}
.settings-box select {
  width: 158px;
}
.settings-box input,
.settings-box select {
  margin-right: 10px;
}
.settings-box tr { 
  height: 32px;
}

/*----Поиск объектов учета----*/

.search-container .box-content {
  height: 352px; 
  font-size: 100%;
}
.search-container button {
  margin-top: 8px;
}
.search-results {
  height: 322px; 
  text-align: left; 
  padding: 0 10px; 
  overflow: auto;
}
.search-results div {
  padding: 2px 0 2px 15px;
  font-size: 80%;
}
.search-results p {
  font-weight: bold;
}
.search-results a {
  cursor: pointer;
}
.search-popup {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0;
  font-size: 75%;
  padding: 5px 0 2px 5px;

  -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 1);
  -moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 1);
  box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 1);
}
.search-popup input {
  margin-bottom: 10px;
  vertical-align: middle;
  position: relative;
  bottom: -4px;
  left: -2px;
}
#search-panel div {
  margin: 0 5px;
  padding-bottom: 2px;
}
#search-panel input { 
  width: 100%;
  border: 0; 
}
#search-attach {
  width: 170px;
  margin-left: 10px;
  font-weight: bold;
}
/*----Дерево объектов----*/

#tree-container { 
  width: 230px; 
  border-right-width: 1px;
  border-right-style: solid; 
  height: 100%; 
  padding: 1px 5px 0px 5px; 
  float: left;
  white-space: nowrap;
}
#tree-container p {
  text-align: center;
  overflow: hidden;
}
#tree-panel {
  padding-bottom: 2px;
  margin-top: 5px;
  overflow: auto;
}
#tree-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 10pt;
}
#tree-panel li {
  padding: 0px 2px 0 5px;
}
#tree-panel div ul {
  display: none;
  margin-left: 10px;
}
#tree-panel div.fake {
  font-style: italic;
}
#tree-panel div.fake a,
#tree-panel div a.selected {
  cursor: default;
}
#tree-panel div a {
  cursor: pointer;
}
#tree-panel div a.highlighted {
  border-bottom: 1px dotted;
  position: relative; /*Это фикс IE8, без этого границу не отображает*/
}
#tree-panel div a.selected {
  font-weight: bold;
}
#tree-panel div img {
  margin-right: 3px;
}
#tree-panel div img.icon {
  position: relative;
  top: 3px;
}

/*----Слайдер----*/

#main-slider {
  width: 5px;
  margin: 5px;
  float: left;
  cursor: e-resize;
}

/*----Вкладки----*/

#place-tabs {
  height: 50px
}
#place-tabs ul li { 
  margin: 5px 5px 0 0;
  padding: 5px 10px 11px 10px;
  position: relative;
  left: 10px; top: 5px;
  z-index: 0;
  border-bottom: 0;
}
/*Хак для FF*/
@-moz-document url-prefix() { 
  #place-tabs ul li {
    padding: 3px 10px 11px 10px;  
  }
}
#place-tabs ul li.selected {
  top: 0;
  z-index: 1;
}
#place-tabs ul li a {
  margin: 0 -11px;
  padding: 0 10px 11px 10px;
  border-top: 0;
  border-bottom: 0;
  white-space: nowrap; /*Фикс FF, переносит в span по словам*/
}

#tab-content {
  margin-left: 225px;
  margin-right: 5px;
  position: relative; 
  top: -10px;
  overflow: auto;
}
#tab-content div.hr,
#place-navigation {
  position: relative;
  top: 10px;
}

/*----Нафигация по объектам во вклдке----*/

#place-navigation {
  font-size: 120%;
}
#place-navigation a {
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
}
#place-navigation a.current {
  cursor: default;
}
#place-navigation,
span.section {
  margin-left: 10px;
}
span.section {
  padding: 0 5px 2px 5px; 
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

/*----Вкладка информации----*/

#info-tab,
#reports-tab {
  padding-top: 10px;
}
#info-tab table {
  width: 90%;
  margin: 10px 30px;
  font-size: 90%;
}
#info-tab table td {
  vertical-align: top;
}
#info-tab table td:first-child {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  width: 40%;
}
#info-tab input {
  width: 100%;
  border: 0;
}
#info-tab input,
#info-tab table td span {
  position: relative;
  top: 1px;
}
#info-tab table td span.highlighted {
  border-bottom: 1px dotted;
  cursor: pointer;
}
#place-info-geo {
  height: 400px;
  margin: 20px 30px;
}

/*----Вкладка отчетов и графиков----*/

.criteria-section {
  float: left;
}
.criteria-section table {
  margin: 10px 0px 5px 30px;
}
.criteria-section td span {
  font-weight: bold;
  font-size: 90%;
  position: relative;
  top: -2px;
}
.criteria-section button {
  width: 100%;
}
.criteria-section button,
#table-analytic {
  height: 23px;
}
#report-max-items {
  width: 110px;
}
#report-export-type {
  width: 173px;
}
@-moz-document url-prefix() { /*Хак для FF*/
  #report-max-items {
    width: 114px;
  }
}
@-moz-document url-prefix() { /*Хак для FF*/
  #report-export-type {
    width: 175px;
  }
}
#report-type,
#report-arhive {
  width: 220px;
}
#report-start,
#report-end {
  width: 110px;
  height: 21px;
  text-align: center;
}
.report-panel {
  margin: 0px 10px;
  font-size: 90%;
}
#chart-empty td,
#table-empty td {
  padding: 10px;
}
#table-panel {
  margin-top: 10px;
}
#table-panel p span {
  float: right;
  position: relative;
  left: -5px;
  top: -3px;
}
#table-data,
#currents-data {
  border-collapse: collapse;
  font-family: monospace;
  font-size: 90%;
}
#table-data {
  width: 100%;
}
#table-data td,
#currents-data td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid;
}
#table-data thead td,
#currents-data thead td {
  font-weight: bold;
}
.table-navigation {
  width: 100%;
  text-align: center;
  padding: 15px 0;
}
.table-navigation span {
  padding: 5px;
  border: 1px solid;
}
.table-navigation span span {
  border: 0;
  padding: 5px 5px 5px 0;
}
.table-navigation a {
  margin-right: 5px;
}

/*----Вкладка текущих-----*/

#currents-control {
  margin: 15px 0 0 10px;
}
#currents-tab button, #currents-tab a.button {
  margin-right: 20px;
}
#currents-tab button {
  width: 182px;
  height: 30px;
}
#currents-tab a.button {
  width: 170px;
  padding: 5px;
  height: 23px;
}
#currents-tab select {
  width: 220px;
}
#currents-status {
  font-style: italic;
  margin-left: 5px;
}
#currents-data {
  margin: 5px 0 5px 10px;
}
#currents-data input[type="text"] {
  border: 0;
  padding: 0 2px;
}
#currents-data input[type="checkbox"] {
  position: relative;
  left: 3px;
  top: 2px;
}
#currents-rotate {
  margin-left: 10px;
}

/*----Вкладка управления РТ-2000----*/



/*----Цвета параметров аналитики, именно здесь, т.к. к теме они отношения не имеют----*/
/* Выделение договорных значений */
.analytic-range-contract {
	background-color: blue;
}
/* Выход за пользовательские приделы  */
.analytic-range-user {
	background-color: red;
}
/* Выход за метрологические приделы */
.analytic-range-metrolog {
	background-color: yellow;
}

/*------------- ИСУР -------------*/

#isur-tab {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: calc(100% - 50px);
    flex-direction: column;
}

#isur-tab iframe {
    flex-grow: 1;
}

.hidden_this {
    display: none !important;
}

#IsurAuthorizeCaption {
    color: red;
}