@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
.x-panel-body.plans-viewer.x-panel-body-default.x-panel-body-default.x-scroller.x-noborder-trbl{
  overflow: hidden !important;
}
.text-viewer__page table{margin-left: 0px !important;}
.x-form-trigger-wrap{
  border-radius: 2px;
}
.x-form-text-wrap {
  border-radius: 2px;
}
.x-panel-default, .x-btn{
  border-radius: 2px;
}
.icon-add {
	background-image: url(../img/add.png);
}
.icon-edit {
  background-image: url(../img/edit.png);
}
.icon-delete {
  background-image: url(../img/delete.png);
}
.icon-refresh {
  background-image: url(../img/refresh.png);
}
.icon-range {
  background-image: url(../img/range.png);
}
.icon-status {
  background-image: url(../img/status.svg);
}
.icon-back {
  background-image: url(../img/back.svg);
}
.icon-filter {
  background-image: url(../img/filter.svg);
}
.icon-save {
  background-image: url(../img/save.png);
}
.icon-cancel {
  background-image: url(../img/cancel.png);
}
.icon-defref {
  background-image: url(../img/defref.png);
}
.icon-zoom-in {
  background-image: url(../img/zoomIn.svg);
}
.icon-zoom-out {
  background-image: url(../img/zoomOut.svg);
}



.logo-auth {
}
.form_login .x-panel-header-default-horizontal.x-header-noborder {
  background: url(../img/logo-text.svg) left top no-repeat;
}
.x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default.logo-auth {
  background: url(../img/logo-auth.png) center center no-repeat;
  background-size: cover;
	background: none;
	display: none;
  width: 64px;
  height: 64px;
  top: -22px;
  left: -24px;
  position: absolute;
}
.form_login .x-title-text {
	font-size: 32px;
	font-size: 0;
	text-indent: -99999px;
	overflow: visible;
	padding-left: 29px;
}
.form_login .x-panel-header-default-horizontal.x-header-noborder {
	padding: 20px 28px;
	height: 60px;
}
.form_login .h1 .x-form-display-field {
	font-size: 20px;
}

.report-status {
	background: transparent top left no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
}
.report-status.status_1 {
  background-image: url(../img/1_create.png);
}
.report-status.status_2 {
  background-image: url(../img/2_check.png);
}
.report-status.status_3 {
  background-image: url(../img/3_review.png);
}
.report-status.status_4 {
  background-image: url(../img/4_agreed.png);
}
.report-status.status_5 {
  background-image: url(../img/5_posted.png);
}

.pdfpanel {
	position: relative;
}
.pdfpanel:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: red;
	background: transparent url(../img/preloader.gif) center center no-repeat;
}
.pdfpanel_loaded:before {
	content: none;
}
.pdfpanel__iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.defect-point {
	position: absolute;
	background: #00f;
	width: 1px;
	height: 1px;
	cursor: pointer;
}
.defect-point:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: -4px;
  left: -4px;
  background: inherit;
  border-radius: 50%;
}
.defect-point:hover:before,
.defect-point-hover:before {
  width: 15px;
  height: 15px;
  top: -7.5px;
  left: -7.5px;
}
.defect-point_updated {

}
.defect-point_updated:after {
  content: '';
  position: absolute;
  width: 23px;
  height: 23px;
  top: -12.5px;
  left: -12.5px;
  background: none;
  border-radius: 50%;
	border: 1px solid #00f;
}

.defect-info {
  padding: 3em;
}
.defect-info__row + .defect-info__row {
	margin-top: 2em;
}
.defect-info .two_in_row {
  float: left;
  width: 50%;
}
.defect-info .two_in_row:after {
  content: "";
  display: table;
  clear: both;
}
.two_in_row {
  margin-bottom: 2em;
}
.two_in_row + .two_in_row {
  margin-bottom: 0.5em;
}
.defect-info__header {
	font-weight: bold;
	color: #4B76A9;
}
.defect-info__header + .defect-info__text,
.defect-info__header + .defect-info__photo {
	margin-top: 1em;
}
.defect-info_text {
	color: #000;
}
.defect-info__photo img {
	max-height: 120px;
}

.text-viewer {
	background: rgb(82, 86, 89);
}
.text-viewer__wrapper {
  padding: 2em;
  transform-origin: 0 0;
  min-width: calc(900px + 2em);
  transition: 0.3s;
}
.text-viewer__page {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  padding: 4em;
  width: 844px;
  min-height: calc( 844px * 297/210 );
  margin: 0 auto;
}
.text-viewer__editor .cke_inner {
  width: 864px;
  margin: 0 auto;
}

.plans-viewer svg {
	transform-origin: 0 0;
	transition: 0.3s;
}
.plans-viewer_dd:active {
	cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.scrollDiv {
	width: 1px;
	height: 1px;
	background-color: transparent;
	position: absolute;
}

.tech_color::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  margin-left: 35%;
}

/* Photo modal */
#photo_modal_00,
#photo_modal_01 {
  cursor: pointer;
  transition: 0.3s;
}
#photo_modal_00:hover {
  opacity: 0.7;
}
.photo_modal {
  display: none;
  position: fixed;
  z-index: 100000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}
.photo_modal .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
.object_name {
  display: flex;
  justify-content: center;
  font-weight: 500;
  font-size: 24px;
  padding-bottom: 5px;
  font-family: 'Open-Sans', 'Helvetica Neue', sans-serif;
}
.report_name {
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-family: 'Open-Sans', 'Helvetica Neue', sans-serif;
}

#emergency-state, #working-state, 
#limited-state, #invalid-state {
  border-radius: 5px;
  box-shadow: 0 0 10px #4b75a956;
  font-family: 'Open-Sans', 'Helvetica Neue', sans-serif;
}

#emergency-state > div, #working-state > div, 
#limited-state > div, #invalid-state > div{
  background-color: #fff;
}

#emergency-state_header-title-textEl, #working-state_header-title-textEl,
#limited-state_header-title-textEl, #invalid-state_header-title-textEl {
  color: #000;
  display: flex;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
}
.periodbars, #columnbars, .carousel, .diagram-type {
  box-shadow: 0 0 10px #4b75a956;
  border-radius: 5px;
}
.carousel {
  position: fixed !important;
  top: 72% !important;
  left: 25.7% !important;
  height:170px !important;
  display:flex;
}
.donut-diagram, 
.donut-diagram > div,
.donut-diagram > div > div {
  height: 480px !important;
}
#cartesian-1126-overlay, #cartesian-1129-overlay, #cartesian-1141-overlay, #cartesian-1144-overlay {
  top: -5px!important;
}

.state_block {
  display: flex;
  justify-content: space-between;
  padding: 5px 2px 2px 2px;
}

.percent {
  background: #f7f7f7;
  border-radius: 10px;
  border: 1px solid #dbdbdb;
  height: 8px;
}
.percent_emerg {
  background: linear-gradient(0deg, rgba(190,1,1,1) 0%, rgba(250,0,0,1) 100%);
}
.percent_unccept {
  background: linear-gradient(0deg, rgba(183,89,4,1) 0%, rgba(255,122,0,1) 100%);
}
.percent_oper {
  background: linear-gradient(0deg, rgba(13,113,13,1) 0%, rgba(22,177,22,1) 100%);
}
.percent_operlimit {
  background:linear-gradient(0deg, rgba(187,169,4,1) 0%, rgba(255,230,0,1) 100%);
}
.percent_emerg, .percent_unccept, .percent_oper, .percent_operlimit, .percent_state{
  border-radius: 10px;
  height: 8px;
}

.left-aligned-div, .right-aligned-div{
  font-weight: 600;
  font-size: 10px;
}
.state_total {
  font-weight: 300;
}
#emergency-state-body, 
#invalid-state-body,
#working-state-body,
#limited-state-body {
padding: 0px 20px 20px 20px;
}

#donut-period {
  top:-80px !important;
}

#columnbars > div {
  background-color: #ffffff !important;
}

#columnbars_header-title-textEl {
  color: #cbcbcb;
  display: flex;
  justify-content: center;
}
.arrow-png {
  height: 30px;
  width: 30px;
}
.div-arrow {
  padding-left: 10px;
}

.next-left, .next-right {
  height: 40px;
  width: 40px;
}

.div-next-left {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding-left: 10px;
}
.div-next-right {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding-right: 10px;
}
.percent1 {
  background: #f7f7f7;
  border: 1px solid #dbdbdb;
  height:316px;
  width:10px;
  transform: rotate(180deg);
  margin-right: 30px;
  margin-left: 20px;
}
.diagram_emerg {
  background: linear-gradient(0deg, rgba(190,1,1,1) 0%, rgba(250,0,0,1) 100%);
  width:10px;
}
.diagram_unccept {
  background: linear-gradient(0deg, rgba(183,89,4,1) 0%, rgba(255,122,0,1) 100%);
  width:10px;
}
.diagram_oper {
  background: linear-gradient(0deg, rgba(13,113,13,1) 0%, rgba(22,177,22,1) 100%);
  width:10px;
}
.diagram_operlimit {
  background:linear-gradient(0deg, rgba(187,169,4,1) 0%, rgba(255,230,0,1) 100%);
  width:10px;
}
.diagram-state {
  display:flex;
}
.diagram-type > div {
  background-color: #fff;
}
.diagram-type > div > div > div > div > div {
  color:black;
  display:flex;
  justify-content: center;
}
.xField {
  width:1px;
  background: black;
}

.title-pie {
  position: absolute;
  font-size: 12px;
  margin-top:-4.5px;
}

#condition_page {
 oveflow-y: scroll;
}