.zplan-analysis {
  display: flex;
  display: -webkit-flex;
  align-content: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.zplan-analysis * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.zplan-analysis-header h3 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px;
}

.zplan-analysis-header-btn {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  margin-bottom: 10px;
}

.zplan-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.zplan-analysis-row {
  margin-bottom: 10px;
}

.zplan-analysis-row-radio {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.zplan-analysis-time-range {
  height: 26px;
  width: 100px;
  margin: 0 5px;
}

.zplan-analysis-before {
  color: green;
}

.zplan-analysis-after {
  color: red;
}

.zplan-analysis-table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  table-layout: fixed;
  outline: none;
}

.zplan-analysis-table-header {
  border-spacing: 0;
  border-collapse: separate;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  table-layout: fixed;
  outline: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.zplan-analysis-table > tbody > tr:nth-of-type(odd),
.zplan-analysis-table-header > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.zplan-analysis-table-header .resizing {
  cursor: col-resize;
}

.zplan-analysis-table-header-con {
  overflow: hidden;
}

.zplan-analysis-table > thead > tr > th,
.zplan-analysis-table > tbody > tr > th,
.zplan-analysis-table > tfoot > tr > th,
.zplan-analysis-table > thead > tr > td,
.zplan-analysis-table > tbody > tr > td,
.zplan-analysis-table > tfoot > tr > td,
.zplan-analysis-table-header > thead > tr > th,
.zplan-analysis-table-header > tbody > tr > th,
.zplan-analysis-table-header > tfoot > tr > th,
.zplan-analysis-table-header > thead > tr > td,
.zplan-analysis-table-header > tbody > tr > td,
.zplan-analysis-table-header > tfoot > tr > td {
  padding: 0px;
  height: 40px;
  line-height: 1.42857143;
  vertical-align: top;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  vertical-align: middle !important;
  overflow: hidden;
  white-space: nowrap;
}

.zplan-analysis-table tbody tr.bgColor {
  background-color: #fafad2;
}

.zplan-analysis-table tbody .zplan-analysis-auto {
  overflow: auto;
  text-align: left;
  word-break: break-all;
  max-height: 120px;
  white-space: normal;
}

.zplan-analysis-table.zplan-state-table tbody .zplan-analysis-auto {
  height: 40px;
}

.clusterize-scroll h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.zplan-analysis-alert {
  text-align: center;
}

.zplan-diff-hidden-cell {
  height: 0px !important;
  padding: 0px !important;
  line-height: 0px !important;
  overflow: hidden !important;
}

.zplan-diff-cell-0,
.zplan-state-cell-0 {
  width: 80px;
}

/* max-height - the only parameter in this file that needs to be edited.
 * Change it to suit your needs. The rest is recommended to leave as is.
 */

.clusterize-scroll {
  overflow: auto;
}

/**
* Avoid vertical margins for extra tags
* Necessary for correct calculations when rows have nonzero vertical margins
*/

.clusterize-extra-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
* Useful when used :nth-child(even/odd)
*/

.clusterize-extra-row.clusterize-keep-parity {
  display: none;
}

/* During initialization clusterize adds tabindex to force the browser to keep focus
* on the scrolling list, see issue #11
* Outline removes default browser's borders for focused elements.
*/

.clusterize-content {
  outline: 0;
  counter-reset: clusterize-counter;
}

.zplan-diff-row-cell {
  white-space: nowrap;
  height: 40px !important;
  padding: 0 !important;
}

.zplan-diff-rowspan-cell {
  height: 120px !important;
  padding: 0 !important;
}

.zplan-diff-rowspan-cell div {
  max-height: 120px;
  margin: 0;
  overflow: hidden;
}

.zplan-diff-rowspan-cell td div {
  text-align: left;
}
/* Centering message that appears when no data provided
*/

.clusterize-no-data td {
  text-align: center;
}

.zplan-diff-name-cell div {
  text-align: left !important;
}

.zplan-diff-collapsed:before {
  content: "\25BA";
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.zplan-diff-expanded:before {
  content: "\25BC";
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.zplan-diff-collapsed:hover,
.zplan-diff-expanded:hover {
  cursor: pointer;
}

.z-nav-tabs {
  margin-top: 0;
  margin-bottom: 5px;
  height: auto;
  padding-left: 0;
  list-style: none;
}

.z-nav-tabs .z-tab-panel {
  display: none;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.z-nav-tabs > label {
  position: relative;
  display: inline-block;
  padding: 10px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 100;
}

.z-nav-tabs > label:hover,
.z-nav-tabs > input:focus + label {
  color: #06c;
}

.z-nav-tabs > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.z-nav-tabs
  > input:first-child:checked
  ~ .z-tab-panels
  > .z-tab-panel:first-child,
.z-nav-tabs
  > input:nth-child(3):checked
  ~ .z-tab-panels
  > .z-tab-panel:nth-child(2),
.z-nav-tabs
  > input:nth-child(5):checked
  ~ .z-tab-panels
  > .z-tab-panel:nth-child(3),
.z-nav-tabs
  > input:nth-child(7):checked
  ~ .z-tab-panels
  > .z-tab-panel:nth-child(4),
.z-nav-tabs
  > input:nth-child(9):checked
  ~ .z-tab-panels
  > .z-tab-panel:nth-child(5),
.z-nav-tabs
  > input:nth-child(11):checked
  ~ .z-tab-panels
  > .z-tab-panel:nth-child(6) {
  display: block;
}

.z-nav-tabs > label:hover::after,
.z-nav-tabs > input:focus + label::after,
.z-nav-tabs > input:checked + label::after {
  background: #06c;
}

.z-nav-tabs > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.zplan-form-group {
  display: block;
  margin-bottom: 5px;
}

.zplan-control-label {
  font-size: 14px;
  margin-right: 10px;
}

.zplan-form-control {
  display: inline-block;

  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.zplan_toolbar .zplan-form-control {
  width: 100px;
  height: 38px;
}

.zplan-form-inline {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.zplan-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.zplan-btn {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  outline: none;
}

.zplan-btn-group .zplan-btn + .zplan-btn {
  border-left: none;
}

.zplan-btn:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.zplan-btn:active {
  color: #333;
  background-color: #ccc;
  border-color: #adadad;
}

.zplan-btn.active {
  color: #fff;
  background-color: #1192ed;
  border-color: #1192ed;
}

.zplan-btn.active:hover {
  color: #fff;
  background-color: #17b1f4;
  border-color: #17b1f4;
}

.zplan-dropdown {
  position: relative;
}

.zplan-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.zplan-dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

.zplan-dropdown-menu > li > a:hover,
.zplan-dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.zplan-dropdown-menu > .active > a,
.zplan-dropdown-menu > .active > a:hover,
.zplan-dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.zplan-dropdown-open .zplan-dropdown-menu {
  display: block;
}

.zplan-analysis .zplan-dropdown-menu {
  right: 0;
  left: auto;
}

.zcalendar .zgrid {
  height: 350px !important;
}

.zcalendar_selector {
  margin-bottom: 10px;
  font-size: 14px;
}

.zcalendar_selector select {
  margin-left: 5px;
  height: 38px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  outline: none;
}

.zcalendar-rule-toolbar {
  margin-bottom: 5px;
}

.zcalendar_table {
  margin-left: 65px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  outline: none;
}

.zcalendar_thead tr {
  height: 40px;
}

.zcalendar_thead td {
  text-align: center;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0;
  min-width: 5px;
  outline: none;
  box-shadow: none;
  width: 100px;
}

.zcalendar_thead td:last-child {
  border-right: 1px solid #ddd;
}

.zcalendar_tbody tr {
  height: 28px;
}

.zcalendar_tbody input {
  border: none;
  text-align: center;
  height: 28px;
}

.zcalendar_tbody input:focus,
.zcalendar_name_input:focus {
  outline: 2px solid #3bbf67;
}

.zcalendar_tbody td {
  text-align: center;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0;
  min-width: 5px;
  outline: none;
  box-shadow: none;
}

.zcalendar_tbody tr td:last-child {
  border-right: 1px solid #ddd;
}

.zcalendar_tbody tr .btn {
  padding: 1px 6px;
}

.zcalendar-name-group {
  margin-bottom: 5px;
  height: 38px;
  line-height: 38px;
}

.zcalendar-name-group input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  height: 38px;
}

.zcalendar .zcalendar-range-del-btn {
  padding: 0;
}

.zcalendar-range-group {
  height: 350px;
}

.zcalendar-del-btn {
  margin-top: 15px;
  padding-left: 65px;
}

.zcalendar-del-btn .zplan-btn {
  color: #fff;
  background-color: #ea3732;
  border-color: #ea3732;
}

.zcalendar-del-btn .zplan-btn:active {
  color: #fff;
  background-color: #ea4e4a;
  border-color: #ea4e4a;
}

.zcalendar-del-btn .zplan-btn:focus,
.zcalendar-del-btn .zplan-btn:hover {
  color: #fff;
  background-color: #ff654a;
  border-color: #ff654a;
}

.zplan-icon-tianjia:before {
  content: "插入";
}

.zplan-icon-delete:before {
  content: "删除";
}

.zplan-icon-undo:before {
  content: "撤销";
}

.zplan-icon-redo:before {
  content: "重做";
}

.zplan-icon-left:before {
  content: "升级";
}

.zplan-icon-right:before {
  content: "降级";
}

.zplan-icon-up:before {
  content: "上移";
}

.zplan-icon-down:before {
  content: "下移";
}

.zplan-icon-zoom-in:before {
  content: "放大";
}

.zplan-icon-zoom-out:before {
  content: "缩小";
}

.zplan-icon-liushui:before {
  content: "流水";
}

.zplan-icon-guanjianrenwu:before {
  content: "关键路径";
}

.zplan-icon-gantt:before {
  content: "甘特图";
}

.zplan-icon-pert:before {
  content: "网络图";
}

.zplan-icon-score:before {
  content: "评分";
}

.zplan-icon-rili:before {
  content: "日历";
}

.zplan-icon-daochu:before {
  content: "导出";
}

.zplan-icon-compare:before {
  content: "差异";
}

.zplan-progress-bar * {
  box-sizing: border-box;
}

.zplan-progress-bar {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
}

.zplan-progress-default {
  background-color: lightgray;
  border-radius: 8px;
  width: 90%;
  height: 10px;
  display: block;
  overflow: hidden;
}

.zplan-progress-default .progress-inner {
  position: relative;
  transition: 0.3s all linear;
  border-radius: 8px;
  width: 100%;
  height: 10px;
  display: block;
  animation: progress 0.5s ease-in-out forwards;
  -webkit-animation: progress 0.5s ease-in-out forwards;
}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@-webkit-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.zplan-progress-bar .zplan-progress-bubble {
  position: relative;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  transition: all 1s ease;
}

.zplan-progress-bar .zplan-progress-bubble .bubble-inner {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  border: 5px solid white;
  transition: all 1s ease;
}

.zplan-progress-bar .zplan-progress-bubble .bubble-inner .bubble-water {
  position: absolute;
  z-index: 1;
  width: 200%;
  height: 200%;
  left: -50%;
  border-radius: 40%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  animation-name: spin;
  transition: all 1s ease;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

.zplan-progress-bar .zplan-progress-bubble .bubble-inner .bubble-glare {
  position: absolute;
  top: -120%;
  left: -120%;
  z-index: -5;
  width: 200%;
  height: 200%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  transition: all 1s ease;
}

.zplan-progress-bar .zplan-progress-bubble .bubble-inner .bubble-percent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 120px;
  font-size: 50px;
  z-index: 8;
  transition: all 1s ease;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.zplan-progress-green .zplan-progress-bubble {
  border: 5px solid rgba(25, 216, 62, 0.85);
  box-shadow: 0 0 20px rgba(0, 255, 98, 0.81);
}

.zplan-progress-green .zplan-progress-bubble .bubble-inner .bubble-water,
.zplan-progress-green .zplan-progress-default .progress-inner {
  background: linear-gradient(
    to bottom,
    rgba(32, 250, 124, 0.69),
    rgba(32, 203, 32, 0.92)
  );
}

.zplan-progress-green .zplan-progress-bubble .bubble-inner .bubble-water {
  top: 25%;
  box-shadow: 0 0 10px rgba(27, 234, 154, 0.92);
}

.zplan-progress-green .zplan-progress-bubble .bubble-inner .bubble-percent {
  color: rgb(248, 255, 251);
  font-size: 48px;
  font-family: impact;
  margin-top: -6px;
  text-shadow: 0 0 10px #68ff85;
}

.zplan-progress-red .zplan-progress-bubble {
  border: 5px solid rgba(244, 93, 93, 0.88);
  box-shadow: 0 0 20px rgba(234, 49, 77, 0.4);
}

.zplan-progress-red .zplan-progress-bubble .bubble-inner .bubble-water,
.zplan-progress-red .zplan-progress-default .progress-inner {
  background: linear-gradient(
    to bottom,
    rgba(255, 86, 86, 0.92),
    rgba(219, 46, 46, 0.87)
  );
}

.zplan-progress-red .zplan-progress-bubble .bubble-inner .bubble-water {
  top: 90%;
  box-shadow: 0 0 10px rgba(255, 109, 148, 0.92);
}

.zplan-progress-red .zplan-progress-bubble .bubble-inner .bubble-percent {
  color: rgb(255, 86, 86);
  font-size: 48px;
  font-family: impact;
  margin-top: -6px;
  text-shadow: 0 0 10px rgba(255, 166, 166, 0.67);
}

.zplan-progress-orange .zplan-progress-bubble {
  border: 5px solid rgba(244, 192, 93, 0.88);
  box-shadow: 0 0 20px rgba(234, 170, 49, 0.65);
}

.zplan-progress-orange .zplan-progress-bubble .bubble-inner .bubble-water,
.zplan-progress-orange .zplan-progress-default .progress-inner {
  background: linear-gradient(
    to bottom,
    rgba(252, 199, 21, 0.92),
    rgba(248, 142, 18, 0.88)
  );
}

.zplan-progress-orange .zplan-progress-bubble .bubble-inner .bubble-water {
  top: 60%;
  box-shadow: 0 0 10px rgba(255, 199, 109, 0.92);
}

.zplan-progress-orange .zplan-progress-bubble .bubble-inner .bubble-percent {
  color: rgb(224, 134, 30);
  font-size: 48px;
  font-family: impact;
  margin-top: -6px;
  text-shadow: 0 0 10px #ffc797;
}

.zplan-progress-blue .zplan-progress-bubble {
  border: 5px solid rgba(76, 169, 248, 0.88);
  box-shadow: 0 0 20px rgba(0, 147, 255, 0.65);
}

.zplan-progress-blue .zplan-progress-bubble .bubble-inner .bubble-water,
.zplan-progress-blue .zplan-progress-default .progress-inner {
  background: linear-gradient(
    to bottom,
    rgba(39, 164, 255, 0.59),
    rgba(0, 104, 226, 0.94)
  );
}

.zplan-progress-blue .zplan-progress-bubble .bubble-inner .bubble-water {
  top: 15%;
  box-shadow: 0 0 10px rgba(27, 35, 234, 0.92);
}

.zplan-progress-blue .zplan-progress-bubble .bubble-inner .bubble-percent {
  color: #ffffff;
  font-size: 48px;
  font-family: impact;
  margin-top: -6px;
  text-shadow: 0 0 10px rgb(60, 131, 245);
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.zplan-progress-clickable {
  cursor: pointer;
}

.zplan-progress-bubble.zplan-tooltip::after {
  white-space: pre-wrap;
  left: -2px;
  width: 100px;
  top: 90px;
  text-align: center;
}

.zplan-progress-refresh {
  height: 30px;
  width: 30px;
}

.zplan-progress-green .zplan-progress-refresh {
  fill: rgb(248, 255, 251);
}

.zplan-progress-red .zplan-progress-refresh {
  fill: rgb(255, 86, 86);
}

.zplan-progress-orange .zplan-progress-refresh {
  fill: rgb(224, 134, 30);
}

.zplan-progress-blue .zplan-progress-refresh {
  fill: #ffffff;
}

.zplan-scaffold-baseinfo,
.zplan-scaffold-toolbar,
.zplan-scaffold-body {
  margin-bottom: 10px;
}

.zplan-scaffold-baseinfo .zplan-form-group,
.zplan-scaffold-addinfo .zplan-checkbox-inline {
  margin-right: 10px;
}

.zplan-modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
}

.zplan-modal-fade {
  display: none;
}

.zplan-modal-show {
  display: block;
}

.zplan-modal-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2001;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  width: 700px;
  height: 605px;
}

.zplan-modal-score .zplan-modal-dialog {
  width: 400px;
  height: 180px;
}

.zplan-modal-batch .zplan-modal-dialog {
  width: 260px;
  height: 190px;
}

.zplan-modal-dialog:focus {
  outline: none;
}

.zplan-modal-close {
  position: absolute;
  cursor: pointer;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
}

.zplan-modal-close:before,
.zplan-modal-close:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #999;
  border-radius: 100%;
}

.zplan-modal-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.zplan-modal-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.zplan-modal-close:hover:before,
.zplan-modal-close:hover:after {
  background: #333;
}

.zplan-modal-header {
  text-align: center;
  font-size: 16px;
  height: 26px;
}

.zplan-modal-title {
  padding-top: 5px;
}

.zplan-modal-body {
  position: relative;
  padding: 15px 35px;
}

.zplan-modal-footer {
  padding: 5px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.zplan-modal-footer .zplan-btn {
  margin-right: 5px;
}

.zplan-modal-animated {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zplan-modal-slide-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes zplan-modal-slide-in {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.zplan-modal-slide-in {
  -webkit-animation-name: zplan-modal-slide-in;
  animation-name: zplan-modal-slide-in;
}

@-webkit-keyframes zplan-modal-slide-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes zplan-modal-slide-out {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.zplan-modal-slide-out {
  -webkit-animation-name: zplan-modal-slide-out;
  animation-name: zplan-modal-slide-out;
}

.zplan-spliter-panel {
  width: 100%;
  height: calc(100% - 45px);
  position: relative;
  z-index: 1;
}

.zplan-spliter-left {
  position: absolute;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
  max-width: calc(100% - 20px);
  top: 0;
  left: 0;
}

.zplan-spliter-right {
  position: absolute;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
  max-width: calc(100% - 20px);
  right: 0;
  padding-left: 10px;
}

.zplan-spliter {
  position: absolute;
  overflow: auto;
  height: 100%;
  background-color: grey;
  cursor: col-resize;
  z-index: 900;
  width: 7px;
  top: 0;
}

html, body, #z-grid-solt {
  width: 100%;
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
.zplan-inspection {
  height: 100%;
  overflow: hidden;
}


button[disabled] {
  color: #a8abb2 !important;
  background: rgba(255, 255, 255, .5) !important;
  cursor: not-allowed;
  border-color: #e4e7ed !important;
}

.zplan-inspection-body {
  background-color: #f5f6f7;
  font-family: sans-serif;
}

.zplan-inspection .inspection-content-row {
  display: flex;
  justify-content: center;
  margin: 10px 0 5px 0;
}

.inspection-content-row.inspection-score-row {
  margin-bottom: 20px;
}

.inspection-refresh {
  font-weight: 900;
  color: #436eee;
}

.counter-board {
  padding-bottom: 20px;
  border-bottom: solid 1px #aaa;
}

.inspection-plan-counter {
      display: flex;
    align-content: center;
    align-items: center;
}

.counter-divider {
  box-sizing: border-box;
  background: #aaa;
  margin: 0 15px;
  width: 2px;
  vertical-align: middle;
}

.inspection-plan-counter .count {
  margin: 0 10px;
  /* font-weight: 900;
  color: #436eee;
  font-size: 24px;
  text-align: center;
  text-align-last: center;
  margin-top: 10px; */
}
.inspection-plan-counter .icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-size: cover;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjg2MDIzMDg1ODkyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyNjMiIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTY4OCA3NjYuMjcyYTMwMS4zNzYgMzAxLjM3NiAwIDAgMS0yMDQuOCA1NC42NTZjLTMuMzkyLTAuMzItNi43Mi0wLjg5Ni0xMC4xNzYtMS4zNDQtNi41MjgtMC44OTYtMTMuMDU2LTEuNzI4LTE5LjM5Mi0zLjAwOGEyMjAuNjcyIDIyMC42NzIgMCAwIDEtMTEuNjQ4LTIuNjg4IDI2MS4zNzYgMjYxLjM3NiAwIDAgMS0xOC40OTYtNC44Yy0yLjg4LTAuODk2LTUuNzYtMS45Mi04LjcwNC0yLjk0NGEyOTguMTc2IDI5OC4xNzYgMCAwIDEtMjUuMjgtOS43MjggMjkyLjQ4IDI5Mi40OCAwIDAgMS0yMy4zNi0xMS40NTZsLTEuMDI0LTAuNTEyYTMxMS43NDQgMzExLjc0NCAwIDAgMS04OS4xNTItNzQuNDMyYy0xLjIxNi0xLjQ3Mi0yLjM2OC0zLjEzNi0zLjU4NC00LjY3MmEzMTEuMTY4IDMxMS4xNjggMCAwIDEtNjcuMjY0LTE5My40NzJoNzEuMTY4YTUuMTIgNS4xMiAwIDAgMCA0LjU0NC0yLjc1MiA0Ljk5MiA0Ljk5MiAwIDAgMC0wLjI1Ni01LjI0OEwxNjEuMDg4IDMyMi4yNGE1LjEyIDUuMTIgMCAwIDAtOC42NCAwTDMyLjg5NiA1MDMuODcyYy0xLjAyNCAxLjQ3Mi0xLjIxNiAzLjUyLTAuMjU2IDUuMjQ4czIuNjg4IDIuNzUyIDQuNTQ0IDIuNzUyaDcxLjE2OGMwIDg2LjAxNiAyNi40OTYgMTY1LjY5NiA3MS40MjQgMjMxLjU1MiAwLjU3NiAwLjk2IDAuOTYgMS45MiAxLjUzNiAyLjgxNiA0LjY3MiA2LjcyIDkuODU2IDEyLjk5MiAxNC44NDggMTkuMzkyIDEuODU2IDIuMzY4IDMuNjQ4IDQuODY0IDUuNTY4IDcuMjMyIDcuMzYgOS4wODggMTUuMTY4IDE3LjQ3MiAyMy4yMzIgMjUuODU2bDIuMjQgMi4zMDRhMzk3Ljg4OCAzOTcuODg4IDAgMCAwIDEyMi43NTIgODQuOGw3LjQyNCAzLjMyOGM4LjUxMiAzLjU4NCAxNy4zNDQgNi43MiAyNi4xMTIgOS43MjggNC4xNiAxLjQwOCA4LjI1NiAyLjg4IDEyLjQ4IDQuMTYgNy43NDQgMi4zMDQgMTUuNjE2IDQuMjI0IDIzLjU1MiA2LjE0NCA1LjMxMiAxLjI4IDEwLjQ5NiAyLjYyNCAxNS45MzYgMy42NDggMi4xNzYgMC41MTIgNC4yODggMS4xNTIgNi41MjggMS40NzIgNy40ODggMS4zNDQgMTQuOTc2IDIuMTEyIDIyLjUyOCAzLjAwOGw4LjA2NCAxLjE1MmEzOTcuMTIgMzk3LjEyIDAgMCAwIDI3MS4xMDQtNzEuOTM2IDQ5LjQwOCA0OS40MDggMCAwIDAgMTEuOTA0LTY4LjIyNCA0OC4wNjQgNDguMDY0IDAgMCAwLTY3LjU4NC0xMi4wMzJtMjI3Ljc3Ni0yNTQuNGE0MDkuODU2IDQwOS44NTYgMCAwIDAtNzEuMTA0LTIzMS4wNGMtMC43MDQtMS4xNTItMS4xNTItMi4zMDQtMS43OTItMy4yNjRhNDI4LjkyOCA0MjguOTI4IDAgMCAwLTE3LjY2NC0yMy4wNGwtMi4xMTItMi43NTJhMzk5LjY4IDM5OS42OCAwIDAgMC0xNTAuNjU2LTExNC42MjQgMTYxLjI4IDE2MS4yOCAwIDAgMS00LjgtMi4yNCA1MDIuOTc2IDUwMi45NzYgMCAwIDAtMjguMzUyLTEwLjU2Yy0zLjY0OC0xLjE1Mi03LjA0LTIuNDMyLTEwLjYyNC0zLjQ1NmEzNzcuODU2IDM3Ny44NTYgMCAwIDAtMjUuMzQ0LTYuNjU2Yy00LjY3Mi0xLjA4OC05LjQwOC0yLjMwNC0xNC4yMDgtMy4yNjQtMi4zNjgtMC40NDgtNC41NDQtMS4xNTItNi45MTItMS42LTYuNC0xLjE1Mi0xMi44LTEuNi0xOS4yLTIuNDMyLTQuMzUyLTAuNTc2LTguNzY4LTEuMjgtMTMuMTg0LTEuNzI4YTQxMy41NjggNDEzLjU2OCAwIDAgMC0zMi0xLjZjLTEuOTIgMC0zLjg0LTAuMzItNS44MjQtMC4zMmEzOTcuMzEyIDM5Ny4zMTIgMCAwIDAtMjMxLjQ4OCA3My45MiA0OS40MDggNDkuNDA4IDAgMCAwLTExLjk2OCA2OC4yODggNDguMTI4IDQ4LjEyOCAwIDAgMCA2Ny41ODQgMTEuOTY4IDMwMi40NjQgMzAyLjQ2NCAwIDAgMSAyMDUuMTItNTQuNjU2bDguMTI4IDEuMTUyYzcuMzYgMC44MzIgMTQuNTkyIDEuOTIgMjEuNjk2IDMuMzI4IDMuMTM2IDAuNTc2IDYuMjcyIDEuNDA4IDkuMzQ0IDIuMTEyIDYuOTc2IDEuNiAxNC4wMTYgMy4zMjggMjAuOCA1LjM3Nmw2LjQgMi4yNGM3LjgwOCAyLjU2IDE1LjQyNCA1LjMxMiAyMi45NzYgOC41MTJsMi4zNjggMS4wODhjNDUuMTIgMTkuNjQ4IDg0LjczNiA0OS45MiAxMTUuNjQ4IDg3LjgwOGwwLjU3NiAwLjc2OGEzMTEuMDQgMzExLjA0IDAgMCAxIDY5LjY5NiAxOTYuNzM2aC03MS4xMDRhNS4xMiA1LjEyIDAgMCAwLTQuMjg4IDhsMTE5LjYxNiAxODEuNTY4YTUuMTIgNS4xMiAwIDAgMCA4LjU3NiAwbDExOS40ODgtMTgxLjU2OGE1LjEyIDUuMTIgMCAxIDAtNC4yODgtOGgtNzEuMTA0di0wLjA2NHogbTAgMCIgZmlsbD0iIzEyOTZkYiIgcC1pZD0iNDI2NCI+PC9wYXRoPjwvc3ZnPg==)
    no-repeat;
  background-size: 100% 100%;
  /* margin-left: 10px; */
  cursor: pointer;
  /* font-weight: 900;
  color: #436eee;
  font-size: 24px;
  text-align: center;
  text-align-last: center;
  margin-top: 10px; */
}

.inspection-notice-red {
  color: #db2e2e;
}

.inspection-notice-orange {
  color: #f88e12;
}

.inspection-notice-green {
  color: #20cb20;
}

.inspection-notice-blue {
  color: #0068e2;
}

.zplan-inspection .inspection-content-row.inspection-notice {
  width: calc(90% - 20px);
  display: flex;
  justify-content: space-between;
  margin-left: 5%;
  padding: 0 10px;
  align-items: center;
}

.zplan-inspection .inspection-content-row .inspection-notice-socre {
  font-weight: 900;
}
.zplan-inspection .inspection-content-row .inspection-notice-socre.supportingWork {
  font-size: 0;
}
.zplan-inspection .inspection-content-row .inspection-notice-socre.networkDiagram {
  font-size: 0;
}
.zplan-inspection .inspection-content-row .inspection-notice-socre.parentChildStructure {
  font-size: 0;
}
.zplan-inspection .inspection-content-row .inspection-notice-socre.workingFont {
  font-size: 0;
}
.zplan-inspection .inspection-content-row.inspection-notice.inspection-workingFont {
  width: calc(90% - 10px);
  padding-right: 0;
}

.zplan-inspection .inspection-content-row.inspection-gb {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 8px 10px;
  background: white;
  border-radius: 8px;
}

.inspection-gb-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.inspection-gb-header .inspection-gb-status {
  height: 16px;
  width: 16px;
  background-size: cover;
  margin: 2px;
}

.inspection-gb-header .inspection-gb-title {
  font-weight: 900;
  font-size: 14px;
  text-align: center;
  width: 70%;
}

.inspection-gb-header .inspection-gb-level {
  position: relative;
  top: -8px;
  height: 20px;
  width: 20px;
  background-size: cover;
}

.inspection-gb-header .inspection-gb-title.zplan-tooltip.zplan-tooltip-bottom::after {
  height: 230px;
  width: 100px ;
}

.inspection-gb {
  padding: 8px 10px 12px 10px;
}

.inpection-gb-buttons {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.inpection-gb-buttons button {
  width: 100%;
  margin: 6px auto 0 auto;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: pre-wrap;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  outline: none;
}

.inpection-gb-buttons button:hover {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
  text-decoration: none;
}

.inpection-gb-buttons button:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
  text-decoration: none;
}

.inpection-gb-buttons button.disabled,
.inpection-gb-buttons button[disabled],
.inpection-gb-buttons button.disabled:hover,
.inpection-gb-buttons button[disabled]:hover,
.inpection-gb-buttons button.disabled:focus,
.inpection-gb-buttons button[disabled]:focus,
.inpection-gb-buttons button.disabled:active,
.inpection-gb-buttons button[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}

.inspection-gb-refresh button {
  width: 200px;
  margin: 5px auto;
  line-height: 1.499;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 10px;
  height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  outline: none;
}

.inspection-gb-refresh .inspection-gb-icon {
  height: 16px;
  width: 16px;
  background-size: cover;
  position: relative;
  top: 4px;
  margin-right: 5px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNEI4MEI3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik04IDEzLjM2OEE2LjM3NCA2LjM3NCAwIDAgMSAxLjYzMiA3YzAtLjEzNi4wMDgtLjI3Mi4wMTYtLjQwOGwxLjEyLjA3MmMtLjAwOC4xMTItLjAwOC4yMjQtLjAwOC4zMzZhNS4yNTEgNS4yNTEgMCAwIDAgNS4yNDggNS4yNDggNS4yMTIgNS4yMTIgMCAwIDAgMy42MDgtMS40NGwuNzY4LjgxNkE2LjM0MSA2LjM0MSAwIDAgMSA4IDEzLjM2OHpNMTQuMzY4IDdoLTEuMTJjMC0uMTg0LS4wMDgtLjM2OC0uMDMyLS41NTJhNS4yMyA1LjIzIDAgMCAwLTUuMjI0LTQuNjk2IDUuMjQ1IDUuMjQ1IDAgMCAwLTIuOTM2Ljg5Nkw0LjQ0IDEuNzJBNi4zMSA2LjMxIDAgMCAxIDggLjYzMiA2LjM0OCA2LjM0OCAwIDAgMSAxNC4zNjggN3oiLz48cGF0aCBkPSJNMi4xOTIgMy41NDRMLjQ0IDYuNjhjLS4wNDguMDguMDE2LjE4NC4xMDQuMTg0SDQuMDRjLjA5NiAwIC4xNTItLjA5Ni4xMDQtLjE4NEwyLjQgMy41NDRjLS4wNDgtLjA4OC0uMTY4LS4wODgtLjIwOCAwek0xMy42IDkuNTZsLTEuNzUyLTMuMTM2Yy0uMDQ4LS4wOC4wMTYtLjE4NC4xMDQtLjE4NGgzLjQ5NmMuMDk2IDAgLjE1Mi4wOTYuMTA0LjE4NEwxMy44MDggOS41NmMtLjA0LjA4LS4xNi4wOC0uMjA4IDB6TTQuMjI0IDIuMTZhLjU2LjU2IDAgMSAwIDEuMTIgMCAuNTYuNTYgMCAwIDAtMS4xMiAwek0xMS4zODQgMTEuMjY0YS41Ni41NiAwIDEgMCAxLjEyIDAgLjU2LjU2IDAgMCAwLTEuMTIgMHoiLz48L2c+PC9zdmc+)
    no-repeat;
}

.inspection-gb-pass {
  color: #27b057;
}

.inspection-gb-pass .inspection-gb-icon {
  height: 16px;
  width: 16px;
  background-size: cover;
  position: relative;
  top: 4px;
  margin-right: 5px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS45NjYgOS44MjZMMy4xNCA3LjAwM2wxLjA2Ny0xLjA2OCAxLjc1OSAxLjc1NyAzLjY3NC0zLjY3IDEuMDY4IDEuMDY4LTQuNzQyIDQuNzM2ek02LjkyNCAwYTYuOTI0IDYuOTI0IDAgMSAwIDAgMTMuODQ4QTYuOTI0IDYuOTI0IDAgMCAwIDYuOTI0IDB6bTAgMTIuODM1YTUuOTEgNS45MSAwIDEgMSAwLTExLjgyMiA1LjkxIDUuOTEgMCAwIDEgMCAxMS44MjJ6IiBmaWxsPSIjMjdCMDU3IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
    no-repeat;
}

.inspection-gb-not-pass {
  color: #d75d3a;
}

.inspection-gb-not-pass .inspection-gb-icon {
  height: 16px;
  width: 16px;
  background-size: cover;
  position: relative;
  top: 4px;
  margin-right: 5px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyA2aDh2MkgzVjZ6bTMuOTI0LTZhNi45MjQgNi45MjQgMCAxIDAgMCAxMy44NDhBNi45MjQgNi45MjQgMCAwIDAgNi45MjQgMHpNNi45MSAxMi44MjJBNS45MSA1LjkxIDAgMSAxIDYuOTEgMWE1LjkxIDUuOTEgMCAwIDEgMCAxMS44MjJ6IiBmaWxsPSIjRDc1RDNBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
    no-repeat;
}

.inspection-gb-bad {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuMTEgMTEuODYyYy44NTkgMS40OTIuMDcyIDIuODUyLTEuNjQ3IDIuODUySDIuNTM3Yy0xLjcyIDAtMi41MDctMS4zNjEtMS42NDYtMi44NTFsNS40NjEtOS40NmMuODYxLTEuNDkgMi40MzUtMS40OSAzLjI5NCAwbDUuNDYzIDkuNDZ6bS02Ljc4My0uMDk0bC4wMDItLjAwMmEuMzk2LjM5NiAwIDAgMCAuMTMtLjMxMy40MjYuNDI2IDAgMCAwLS4xMzYtLjMyMy40MjguNDI4IDAgMCAwLS4zMjMtLjEzOC40MjguNDI4IDAgMCAwLS4zMjMuMTM4LjQyNi40MjYgMCAwIDAtLjEzNi4zMjNjMCAuMTMuMDQuMjIzLjEzLjMxM2EuNTYuNTYgMCAwIDAgLjE3Ny4xMmMuMDUxLjAwMy4xLjAwNS4xNTIuMDA1LjA1MiAwIC4xLS4wMDIuMDkxLjAwM2EuNDM0LjQzNCAwIDAgMCAuMjM2LS4xMjZ6TTguMDQ5IDkuNzlsLS4wNDMuMDM5LS4wMzctLjAzNGMuMDEyLS4xMi4wMjYtLjI0NC4wNDItLjM3NS4wMTQuMTI5LjAyNy4yNTIuMDM4LjM3em0tLjAzOC0uMzc0YTQzLjEzMyA0My4xMzMgMCAwIDEgLjE4NS0xLjI4MSAyMjQuNSAyMjQuNSAwIDAgMSAuMTktMS4xMzhjLjA1LS4yOTkuMDc1LS40NzUuMDc1LS41YS41MjUuNTI1IDAgMCAwLS4xMzMtLjM4Mi40MS40MSAwIDAgMC0uMzI2LS4xMzIuNDAxLjQwMSAwIDAgMC0uMzI0LjEzNC41MjIuNTIyIDAgMCAwLS4xMzYuMzhjMCAuMDQ4LjI3IDEuNTY0LjI2NCAxLjUzNS4wNDguMjg0LjA5LjU0NS4xMjYuNzk0LjAzLjIwOC4wNTcuNDA1LjA3OC41OWguMDAxem0uMzc1LTIuNDJ6IiBzdHJva2U9IiMwMTAwMDAiIGZpbGw9IiNGNENFNzMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==)
    no-repeat;
}

.inspection-gb-good {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy45ODQuNWE3LjQ4MyA3LjQ4MyAwIDEgMSAwIDE0Ljk2N0E3LjQ4NCA3LjQ4NCAwIDEgMSA3Ljk4NC41em0zLjYwOCA0Ljk3NGMuMDItLjAyMS4wMTYtLjA3Mi0uMDI4LS4xMTQtLjA0NC0uMDQxLS4wOTctLjA0MS0uMTIyLS4wMTVsLTQuOTMyIDUuMDUtLjM1Ny0uMzc4LTEuNjMxLTEuNzI1Yy0uMDItLjAyLS4wNzMtLjAyLS4xMTguMDIxLS4wNDQuMDQyLS4wNDcuMDk0LS4wMjcuMTE1bDIuMDg0IDIuMjAyYy4wMDYuMDA3LjAxNS4wMS4wNi4wMS4wMTkgMCAuMDI4LS4wMDMuMDQtLjAxN2w1LjAzMS01LjE0OXoiIGZpbGw9IiM3N0Q2QjYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMEYwRjExIi8+PC9zdmc+)
    no-repeat;
}

.inspection-gb-wei {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiM3MDdDRDAiIGQ9Ik0yMSAxOS4ybC0zLjUtMi4xMzNMMTQgMTkuMmwtMy41LTIuMTMzTDcgMTkuMmwtMy41LTIuMTMzTDAgMTkuMlYwaDIxeiIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLU1lZGl1bSwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkY5RjEiPjx0c3BhbiB4PSI1IiB5PSIxMyI+5pyqPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==)
    no-repeat;
}

.inspection-gb-bi {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNEQTY2NDIiIGQ9Ik0yMSAxOS4ybC0zLjUtMi4xMzNMMTQgMTkuMmwtMy41LTIuMTMzTDcgMTkuMmwtMy41LTIuMTMzTDAgMTkuMlYwaDIxeiIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLU1lZGl1bSwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkY5RjEiPjx0c3BhbiB4PSI1IiB5PSIxMyI+5b+FPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==)
    no-repeat;
}

.inspection-gb-ying {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNFMTdBMTgiIGQ9Ik0yMSAxOS4ybC0zLjUtMi4xMzNMMTQgMTkuMmwtMy41LTIuMTMzTDcgMTkuMmwtMy41LTIuMTMzTDAgMTkuMlYwaDIxeiIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLU1lZGl1bSwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI0MDAiIGZpbGw9IiNGRkY5RjEiPjx0c3BhbiB4PSI1IiB5PSIxMyI+5bqUPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==)
    no-repeat;
}

.zplan-inspection .inspection-gb-tip {
  top: 3px;
  left: 3px;
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: cover;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAuMjAzQTYuNzk4IDYuNzk4IDAgMSAwIDcuMDAyIDEzLjggNi43OTggNi43OTggMCAwIDAgNyAuMjAzem0tLjA0NCAxMS41NTNhLjk5NC45OTQgMCAwIDEtMS4wMDMtLjk4My45OTMuOTkzIDAgMCAxIDEuMDAzLS45ODIuOTk0Ljk5NCAwIDAgMSAxLjAwMy45ODIuOTkzLjk5MyAwIDAgMS0xLjAwMy45ODN6bTIuNjk0LTUuNTZjLS4xOTcuMzA5LS42MTQuNzI5LTEuMjU1IDEuMjYyLS4zMy4yNzUtLjUzNy40OTctLjYxNy42NjUtLjA4LjE2OC0uMTE3LjQ2OC0uMTEuOUg2LjI0MmwtLjAwNy0uMzc1YzAtLjQ2Mi4wNzctLjg0Mi4yMy0xLjE0LjE1My0uMjk5LjQ2LS42MzUuOTE3LTEuMDA2LjQ1OC0uMzc0LjczMy0uNjE4LjgyMi0uNzMzYS45ODQuOTg0IDAgMCAwIC4yMDgtLjYwM2MwLS4zMDUtLjEyMy0uNTY2LS4zNjctLjc4NS0uMjQ0LS4yMTctLjU3NS0uMzI2LS45OS0uMzI2LS40IDAtLjczNC4xMTQtMS4wMDIuMzQtLjI3LjIyNy0uNS43MjctLjU1NSAxLjAzNi0uMDUyLjI5Mi0xLjQ2LjQxNi0xLjQ0Mi0uMTc2LjAxNy0uNTkzLjMyNS0xLjIzNS44NTMtMS43LjUyOC0uNDY2IDEuMjIyLS42OTkgMi4wOC0uNjk5LjkwMyAwIDEuNjIuMjM2IDIuMTU0LjcwOC41MzUuNDcyLjggMS4wMi44IDEuNjQ3YTEuOCAxLjggMCAwIDEtLjI5Mi45ODR6IiBmaWxsPSIjNzc3IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
    no-repeat;
}

.zplan-inspection .inspection-gb-tip.zplan-tooltip::after {
  white-space: pre-wrap;
  left: -30px;
  width: 120px;
}

.zplan-inspection-close {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 10px;
  width: 16px;
  height: 16px;
}

.zplan-inspection-close:before,
.zplan-inspection-close:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #999;
  border-radius: 100%;
}

.zplan-inspection-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.zplan-inspection-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.zplan-inspection-close:hover:before,
.zplan-inspection-close:hover:after {
  background: #333;
}

.zplan-inspection .inspection-gb-title.zplan-tooltip-top::before {
  bottom: 70%;
}

.zplan-inspection .inspection-gb-title.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 90%;
  bottom: 70%;
}

.inspection-error {
  text-align: center;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.zplan-inspection .inspection-score-tip {
  position: relative;
  top: 3px;
  left: 3px;
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: cover;
  /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjg2MDIzMDg1ODkyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyNjMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik02ODggNzY2LjI3MmEzMDEuMzc2IDMwMS4zNzYgMCAwIDEtMjA0LjggNTQuNjU2Yy0zLjM5Mi0wLjMyLTYuNzItMC44OTYtMTAuMTc2LTEuMzQ0LTYuNTI4LTAuODk2LTEzLjA1Ni0xLjcyOC0xOS4zOTItMy4wMDhhMjIwLjY3MiAyMjAuNjcyIDAgMCAxLTExLjY0OC0yLjY4OCAyNjEuMzc2IDI2MS4zNzYgMCAwIDEtMTguNDk2LTQuOGMtMi44OC0wLjg5Ni01Ljc2LTEuOTItOC43MDQtMi45NDRhMjk4LjE3NiAyOTguMTc2IDAgMCAxLTI1LjI4LTkuNzI4IDI5Mi40OCAyOTIuNDggMCAwIDEtMjMuMzYtMTEuNDU2bC0xLjAyNC0wLjUxMmEzMTEuNzQ0IDMxMS43NDQgMCAwIDEtODkuMTUyLTc0LjQzMmMtMS4yMTYtMS40NzItMi4zNjgtMy4xMzYtMy41ODQtNC42NzJhMzExLjE2OCAzMTEuMTY4IDAgMCAxLTY3LjI2NC0xOTMuNDcyaDcxLjE2OGE1LjEyIDUuMTIgMCAwIDAgNC41NDQtMi43NTIgNC45OTIgNC45OTIgMCAwIDAtMC4yNTYtNS4yNDhMMTYxLjA4OCAzMjIuMjRhNS4xMiA1LjEyIDAgMCAwLTguNjQgMEwzMi44OTYgNTAzLjg3MmMtMS4wMjQgMS40NzItMS4yMTYgMy41Mi0wLjI1NiA1LjI0OHMyLjY4OCAyLjc1MiA0LjU0NCAyLjc1Mmg3MS4xNjhjMCA4Ni4wMTYgMjYuNDk2IDE2NS42OTYgNzEuNDI0IDIzMS41NTIgMC41NzYgMC45NiAwLjk2IDEuOTIgMS41MzYgMi44MTYgNC42NzIgNi43MiA5Ljg1NiAxMi45OTIgMTQuODQ4IDE5LjM5MiAxLjg1NiAyLjM2OCAzLjY0OCA0Ljg2NCA1LjU2OCA3LjIzMiA3LjM2IDkuMDg4IDE1LjE2OCAxNy40NzIgMjMuMjMyIDI1Ljg1NmwyLjI0IDIuMzA0YTM5Ny44ODggMzk3Ljg4OCAwIDAgMCAxMjIuNzUyIDg0LjhsNy40MjQgMy4zMjhjOC41MTIgMy41ODQgMTcuMzQ0IDYuNzIgMjYuMTEyIDkuNzI4IDQuMTYgMS40MDggOC4yNTYgMi44OCAxMi40OCA0LjE2IDcuNzQ0IDIuMzA0IDE1LjYxNiA0LjIyNCAyMy41NTIgNi4xNDQgNS4zMTIgMS4yOCAxMC40OTYgMi42MjQgMTUuOTM2IDMuNjQ4IDIuMTc2IDAuNTEyIDQuMjg4IDEuMTUyIDYuNTI4IDEuNDcyIDcuNDg4IDEuMzQ0IDE0Ljk3NiAyLjExMiAyMi41MjggMy4wMDhsOC4wNjQgMS4xNTJhMzk3LjEyIDM5Ny4xMiAwIDAgMCAyNzEuMTA0LTcxLjkzNiA0OS40MDggNDkuNDA4IDAgMCAwIDExLjkwNC02OC4yMjQgNDguMDY0IDQ4LjA2NCAwIDAgMC02Ny41ODQtMTIuMDMybTIyNy43NzYtMjU0LjRhNDA5Ljg1NiA0MDkuODU2IDAgMCAwLTcxLjEwNC0yMzEuMDRjLTAuNzA0LTEuMTUyLTEuMTUyLTIuMzA0LTEuNzkyLTMuMjY0YTQyOC45MjggNDI4LjkyOCAwIDAgMC0xNy42NjQtMjMuMDRsLTIuMTEyLTIuNzUyYTM5OS42OCAzOTkuNjggMCAwIDAtMTUwLjY1Ni0xMTQuNjI0IDE2MS4yOCAxNjEuMjggMCAwIDEtNC44LTIuMjQgNTAyLjk3NiA1MDIuOTc2IDAgMCAwLTI4LjM1Mi0xMC41NmMtMy42NDgtMS4xNTItNy4wNC0yLjQzMi0xMC42MjQtMy40NTZhMzc3Ljg1NiAzNzcuODU2IDAgMCAwLTI1LjM0NC02LjY1NmMtNC42NzItMS4wODgtOS40MDgtMi4zMDQtMTQuMjA4LTMuMjY0LTIuMzY4LTAuNDQ4LTQuNTQ0LTEuMTUyLTYuOTEyLTEuNi02LjQtMS4xNTItMTIuOC0xLjYtMTkuMi0yLjQzMi00LjM1Mi0wLjU3Ni04Ljc2OC0xLjI4LTEzLjE4NC0xLjcyOGE0MTMuNTY4IDQxMy41NjggMCAwIDAtMzItMS42Yy0xLjkyIDAtMy44NC0wLjMyLTUuODI0LTAuMzJhMzk3LjMxMiAzOTcuMzEyIDAgMCAwLTIzMS40ODggNzMuOTIgNDkuNDA4IDQ5LjQwOCAwIDAgMC0xMS45NjggNjguMjg4IDQ4LjEyOCA0OC4xMjggMCAwIDAgNjcuNTg0IDExLjk2OCAzMDIuNDY0IDMwMi40NjQgMCAwIDEgMjA1LjEyLTU0LjY1Nmw4LjEyOCAxLjE1MmM3LjM2IDAuODMyIDE0LjU5MiAxLjkyIDIxLjY5NiAzLjMyOCAzLjEzNiAwLjU3NiA2LjI3MiAxLjQwOCA5LjM0NCAyLjExMiA2Ljk3NiAxLjYgMTQuMDE2IDMuMzI4IDIwLjggNS4zNzZsNi40IDIuMjRjNy44MDggMi41NiAxNS40MjQgNS4zMTIgMjIuOTc2IDguNTEybDIuMzY4IDEuMDg4YzQ1LjEyIDE5LjY0OCA4NC43MzYgNDkuOTIgMTE1LjY0OCA4Ny44MDhsMC41NzYgMC43NjhhMzExLjA0IDMxMS4wNCAwIDAgMSA2OS42OTYgMTk2LjczNmgtNzEuMTA0YTUuMTIgNS4xMiAwIDAgMC00LjI4OCA4bDExOS42MTYgMTgxLjU2OGE1LjEyIDUuMTIgMCAwIDAgOC41NzYgMGwxMTkuNDg4LTE4MS41NjhhNS4xMiA1LjEyIDAgMSAwLTQuMjg4LThoLTcxLjEwNHYtMC4wNjR6IG0wIDAiIGZpbGw9IiMxMjk2ZGIiIHAtaWQ9IjQyNjQiPjwvcGF0aD48L3N2Zz4=)
    no-repeat; */
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAuMjAzQTYuNzk4IDYuNzk4IDAgMSAwIDcuMDAyIDEzLjggNi43OTggNi43OTggMCAwIDAgNyAuMjAzem0tLjA0NCAxMS41NTNhLjk5NC45OTQgMCAwIDEtMS4wMDMtLjk4My45OTMuOTkzIDAgMCAxIDEuMDAzLS45ODIuOTk0Ljk5NCAwIDAgMSAxLjAwMy45ODIuOTkzLjk5MyAwIDAgMS0xLjAwMy45ODN6bTIuNjk0LTUuNTZjLS4xOTcuMzA5LS42MTQuNzI5LTEuMjU1IDEuMjYyLS4zMy4yNzUtLjUzNy40OTctLjYxNy42NjUtLjA4LjE2OC0uMTE3LjQ2OC0uMTEuOUg2LjI0MmwtLjAwNy0uMzc1YzAtLjQ2Mi4wNzctLjg0Mi4yMy0xLjE0LjE1My0uMjk5LjQ2LS42MzUuOTE3LTEuMDA2LjQ1OC0uMzc0LjczMy0uNjE4LjgyMi0uNzMzYS45ODQuOTg0IDAgMCAwIC4yMDgtLjYwM2MwLS4zMDUtLjEyMy0uNTY2LS4zNjctLjc4NS0uMjQ0LS4yMTctLjU3NS0uMzI2LS45OS0uMzI2LS40IDAtLjczNC4xMTQtMS4wMDIuMzQtLjI3LjIyNy0uNS43MjctLjU1NSAxLjAzNi0uMDUyLjI5Mi0xLjQ2LjQxNi0xLjQ0Mi0uMTc2LjAxNy0uNTkzLjMyNS0xLjIzNS44NTMtMS43LjUyOC0uNDY2IDEuMjIyLS42OTkgMi4wOC0uNjk5LjkwMyAwIDEuNjIuMjM2IDIuMTU0LjcwOC41MzUuNDcyLjggMS4wMi44IDEuNjQ3YTEuOCAxLjggMCAwIDEtLjI5Mi45ODR6IiBmaWxsPSIjNzc3IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
    no-repeat;
}

.zplan-inspection .inspection-score-tip.zplan-tooltip::after {
  white-space: pre-wrap;
  left: -70px;
  width: 120px;
}

.zplan-inspection .inspection-content-row.inspection-btns {
  justify-content: space-around;
  padding-right: 0;
}

.inspection-btn {
  margin: 5px auto;
  line-height: 1.499;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 10px;
  height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  outline: none;
}

.inspection-btn.inspection-btn-red {
  color: #db2e2e;
}

.inspection-btn.inspection-btn-gray {
  color: #5A5A5A;
}
.zplan-inspection .inspection-content-row.inspection-btns {
  justify-content: flex-end; 
  width: calc(90% - 10px);
}
.zplan-inspection .inspection-content-row.inspection-btns .inspection-link {
  color: #02A7F0;
  font-size: 12px;
  font-style: italic;
}
.zplan-inspection .inspection-content-row.inspection-btns .inspection-link:hover {
  color: #02A7F0;
  opacity: 0.8;
}
.inspection-btns .inspection-btn.inspection-btn-item {
  margin: 0;
  margin-left: 10px;

}
.el-dropdown {
  position: relative;
  display: inline-block;
  z-index: 100;
}
.el-dropdown-menu-box {
  position: absolute;
  overflow: hidden;
  top: 30px;
  padding-top: 10px;
   transform: translateX(-50%);
   left: 35%;
}
.dropdown-btn {
  display: inline-flex;
  align-items: center;
}

.inspection-btn:hover {
  color: #66b1ff;
}

.el-dropdown:hover .el-dropdown-menu {
  display: block;
}

 .el-dropdown-menu, .el-dropdown-menu .el-dropdown-menu__item  {
 margin: 0;
 padding: 0;
 list-style:none; 
}
.el-dropdown-menu {
  display: none;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  z-index: 1000;
  color: #5A5A5A;
  font-size: 14px;
}

.el-dropdown-menu::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 60%;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}
.el-dropdown-menu .el-dropdown-menu__item:hover {
  background-color: #ecf5ff;
  color: #66b1ff;
}
.el-dropdown-menu .el-dropdown-menu__item {
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.el-dropdown-menu .el-dropdown-menu__item.is-disabled {
  color: #a8abb2 !important;
  background: rgba(255, 255, 255, .5) !important;
  cursor: not-allowed;
  border-color: #e4e7ed !important;
}

.inspection-btns .inspection-btn.inspection-btn-item .icon-font {
  margin-left: 4px;
  width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjg2MjIyNDU4MDEzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwMjciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTcyMi43NzMzMzMgMzgxLjQ0YTY0IDY0IDAgMCAxIDkwLjQ1MzMzNCA5MC40NTMzMzNsLTI1Mi45NzA2NjcgMjUzLjAxMzMzNGE2OC4yNjY2NjcgNjguMjY2NjY3IDAgMCAxLTk2LjUxMiAwbC0yNTMuMDEzMzMzLTI1My4wMTMzMzRhNjQgNjQgMCAwIDEgOTAuNTM4NjY2LTkwLjQ1MzMzM0w1MTIgNTkyLjEyOGwyMTAuNzczMzMzLTIxMC43NzMzMzN6IiBmaWxsPSIjOGE4YThhIiBwLWlkPSIzMDI4Ij48L3BhdGg+PC9zdmc+");
}

.inspection-btn.inspection-btn-blue {
  color: #0068e2;
}

.zplan-inspection .completeJobContent.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 230px;
  left: 80%;
}
.zplan-inspection .goalsmatchplan.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 230px;
}
.zplan-inspection .criticalPathIntegrity.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 230px;
}
.zplan-inspection .resourceCoverage.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 230px;
  left: 82%;
}
.zplan-inspection .integrityOfLogicalRelationship.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 85%;
}
.zplan-inspection .workingFont.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
}
.zplan-inspection .virtualWork.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 50%;
}
.zplan-inspection .parentChildStructure.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 210%;
  /* transform: translateX(-54px); */
}
.zplan-inspection .networkDiagram.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
}
.zplan-inspection .highDurationWork.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 110%;
}
.zplan-inspection .limitWork.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 90%;
}
.zplan-inspection .fSRelationshipsWork.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 85%;
}
.zplan-inspection .supportingWork.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 210%;
}
.zplan-inspection .workingFont.zplan-tooltip::after {
  white-space: pre-wrap;
  width: 264px;
  left: 90%;
}

.zplan-tooltip {
  position: relative;
}

.zplan-tooltip::before,
.zplan-tooltip::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s)
    var(--microtip-transition-easing, ease-in-out)
    var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 1000;
  transform-origin: top;
}

.zplan-tooltip::before {
  background-size: 100% auto !important;
  content: "";
}

.zplan-tooltip::after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #ffffff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}

.zplan-tooltip:hover::before,
.zplan-tooltip:hover::after {
  opacity: 1;
  pointer-events: auto;
}

.zplan-tooltip-bottom::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

.zplan-tooltip-bottom::after {
  margin-top: 11px;
}

.zplan-tooltip-bottom::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

.zplan-tooltip-bottom:hover::before {
  transform: translate3d(-50%, 0, 0);
}

.zplan-tooltip-bottom::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 70%;
}

.zplan-tooltip-bottom:hover::after {
  transform: translate3d(-50%, 0, 0);
}

.zplan-tooltip-left::before,
.zplan-tooltip-left::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

.zplan-tooltip-left::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

.zplan-tooltip-left::after {
  margin-right: 11px;
}

.zplan-tooltip-left:hover::before,
.zplan-tooltip-left:hover::after {
  transform: translate3d(0, -50%, 0);
}

.zplan-dropdown-open .zplan-tooltip::before,
.zplan-dropdown-open .zplan-tooltip::after {
  display: none;
}

.zplan-tooltip-top::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

.zplan-tooltip-top::after {
  margin-bottom: 11px;
}

.zplan-tooltip-top::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

.zplan-tooltip-top:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

.zplan-tooltip-top::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

.zplan-tooltip-top:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

.zplan {
  height: 100%;
  background-color: white;
  font-size: 14px;
}

.zplan * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.splitter_panel {
  height: calc(100% - 45px);
}

.zplan_toolbar {
  margin-bottom: 8px;
}

.zplan .zgrid {
  height: 100%;
}

.zplan .zgrid_body {
  height: calc(100% - 42px);
}

.compare-title {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}

.compare-title .compare-desc {
  margin-left: 5px;
  font-weight: normal;
  color: #ddd;
}

.right_panel {
  overflow: hidden !important;
}

.zchart {
  height: 100%;
  overflow: hidden;
}

.zchart_head_table {
  position: relative;
  border-spacing: 0;
  border-collapse: collapse;
}

.zchart_head {
  overflow: hidden;
}

.zchart_top_head_row {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.zchart_bottom_head_row {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.zchart_head_cell {
  display: inline-block;
  text-align: center;
  border-left: 1px solid #ddd;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}

.zchart_body {
  height: calc(100% - 43px);
}

.zchart_body_scroll {
  overflow: scroll;
}

.zgantt_task {
  fill: #3bbf67;
}

.zgantt_parent_task {
  fill: #51b3e4;
}

.zgantt_relation {
  stroke: rgb(153, 153, 255);
  stroke-width: 2px;
  fill: none;
}

.zgantt_critical_task {
  fill: red;
}

.zgantt_critical_relation {
  stroke: red;
  stroke-width: 2px;
  fill: none;
}

.zgantt_selection_line {
  stroke: darkgrey;
  stroke-width: 1px;
}

.zchart_bg_holy_col {
  fill: rgb(255, 245, 230);
}

.zchart_partition_head {
  width: 100px;
  border: 1px solid #ddd;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: hidden;
  position: absolute;
  table-layout: fixed;
  padding: 1px;
}

.zchart_partition_head_tr {
  border: 1px solid #ddd;
}

.zchart_partition_head_th {
  line-height: normal;
  text-align: center;
  border-left: 1px solid #ddd;
  padding: 0;
  margin: 0;
  min-width: 5px;
  word-wrap: break-word;
  word-break: break-all;
}

.zscore {
  padding: 0 10px;
  height: 100%;
}

.zscore-header {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

.zscore-header-title {
  margin-right: 10px;
}

.zscore-summary {
  font-size: 25px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.zscore-summary-score,
.zscore-header-score {
  color: red;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.zscore-body {
  height: calc(100% - 43px);
  overflow: scroll;
}

.zscore-item {
  padding: 10px 0;
}

.zscore-item-header {
  margin-bottom: 5px;
}

.zscore-item-title {
  font-weight: bold;
  margin-right: 10px;
}

.zscore-item-score {
  margin-right: 10px;
  font-weight: bold;
  color: red;
}

.zscore-item-mark-tasks-btn {
  color: royalblue;
  cursor: pointer;
  font-weight: bold;
}

.zscore-item-body {
  padding-left: 20px;
}

.zscore-item-notice {
  margin-bottom: 5px;
}

.zscore-item-task {
  display: inline-block;
  color: royalblue;
  cursor: pointer;
  margin: 0 10px;
}

.zscore-item-link {
  display: inline-block;
  margin: 0 10px;
}

.zscore-item-link a {
  color: royalblue;
}

.zscore-item-link a:hover,
.zscore-item-link a:focus {
  color: #00b4fc;
}

.zcompare {
  height: 100%;
}

.zcompare-body {
  height: calc(100% - 43px);
  overflow: hidden;
  padding-bottom: 90px;
}

.zcompare-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  outline: none;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
  background: white;
}

.zcompare-table th,
.zcompare-table td {
  text-align: center;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0;
  min-width: 5px;
  outline: none;
  box-shadow: none;
}

.zcompare-table tbody td {
  color: silver;
}

.zcompare-table tbody .current_row th,
.zcompare-table tbody .current_row td {
  border-top: 1px solid rgb(10, 10, 10);
  border-bottom: 1px solid rgb(10, 10, 10);
}

.zplan-statistics .zgrid_readonly {
  color: black;
}

.zplan-statistics-row {
  display: flex;
  margin-bottom: 10px;
}

.zplan-statistics-options-title {
  width: 80px;
  text-align: right;
  align-self: center;
}

.zplan-statistics-option {
  padding-left: 10px;
}

.zplan-statistics-row .zplan-btn {
  margin-left: 10px;
}

.zplan-statistics-select {
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  outline: none;
}

.zplan-statistics-over {
  color: red !important;
}

.zgrid {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.zgrid table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  outline: none;
}

.zgrid td,
.zgrid th {
  position: relative;
  z-index: 1;
  background-color: white;
  padding: 0;
}

.zgrid_head_table {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0;
  white-space: nowrap;
  width: 0;
  background: white;
}

.zgrid_body_table {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0;
  white-space: nowrap;
  width: 0;
  background: white;
}

.zgrid_body th {
  cursor: pointer;
}

.zgrid_head_row {
  height: 40px;
}

.zgrid_head_cell {
  text-align: center;
  border-left: 1px solid #ddd;
  padding: 0;
  margin: 0;
  min-width: 5px;
  outline: none;
  box-shadow: none;
}

.zgrid_top_cell {
  border-left: 1px solid #ddd;
}

.zgrid_cell {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  font-size: 14px;
  outline: none;
  box-shadow: none;
}

.zgrid_current_row .zgrid_cell {
  border-top: 1px solid rgb(10, 10, 10);
  border-bottom: 1px solid rgb(10, 10, 10);
}

.zgrid_current_row .zgrid_active {
  border: 2px solid #3bbf67;
}

.zgrid_selected_row td,
.zgrid_selected_row th {
  background-color: lightgray !important;
}

.zgrid_searched_row td,
.zgrid_searched_row th {
  background-color: lightgray;
}

.zgrid_selected_row th {
  cursor: move !important;
}

.zgrid_unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.zgrid_resizing {
  cursor: col-resize;
}

.zgrid_head {
  width: 100%;
  overflow: hidden;
}

.zgrid_head_scroll {
  width: calc(100% - 15px);
}

.zgrid_body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  overflow-x: scroll;
  position: relative;
  height: 400px;
}

.zgrid_cell_input {
  background-color: transparent;
  border: 0 none;
  margin: 0;
  padding: 0;
  outline: 0;
  width: 100%;
  border-radius: 0;
  height: 24px;
}

.zgrid_cell_date {
  position: relative;
  display: inline-table;
  border-collapse: separate;
}

.zgrid_cell_checkbox {
  height: 17px;
  width: 17px;
  margin: 3px 8px;
}

.zgrid_cell_select {
  background-color: transparent;
  border: 0 none;
  margin: 0;
  padding: 0;
  outline: 0;
  width: 100%;
  border-radius: 0;
  height: 24px;
}

.zgrid_datepicker {
  display: table-cell;
  position: relative;
  height: 24px;
  width: 100%;
  margin-bottom: 0;
}

.zgrid_datepicker_btn {
  position: relative;
  vertical-align: middle;
  display: table-cell;
  width: 23px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #ccc;
}

.zgrid_input_helper {
  position: relative;
  top: 0px;
  left: 0px;
  border: none;
  background: transparent;
  width: 0px;
  height: 28px;
}

.zgrid_datepicker_btn:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.zgrid_datepicker_caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 5px dashed;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.zgrid_cell_collapsed:before {
  content: "╋";
}

.zgrid_cell_expanded:before {
  content: "━";
}

.zgrid_cell_expanded,
.zgrid_cell_collapsed {
  margin-right: 5px;
}

.freeze_left {
  background: azure !important;
  z-index: 2 !important;
}

.zgrid_drag_at td,
.zgrid_drag_at th {
  border-bottom: 2px solid green !important;
}

.zgrid_readonly {
  color: silver;
}

.zgrid_diff_row td,
.zgrid_diff_row th {
  background-color: #b2e0ff;
}

.zgrid_marked_row td,
.zgrid_marked_row th {
  background-color: #e91010;
}

.zgrid_cell_btn.zplan-btn {
  padding: 0 5px;
  margin: auto;
  display: block;
}