html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.form-group .control-label {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  word-wrap: break-word;
}
.form-group .help-block {
  background: #edf0f4;
  border: 1px solid #d6dbe1;
  position: relative;
  margin-top: 0px;
  padding: 15px;
}
.form-group .help-block:after,
.form-group .help-block:before {
  right: 100%;
  top: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.form-group .help-block:after {
  border-color: rgba(237,240,244,0);
  border-right-color: #edf0f4;
  border-width: 7px;
  margin-top: -7px;
}
.form-group .help-block:before {
  border-color: rgba(214,219,225,0);
  border-right-color: #d6dbe1;
  border-width: 8px;
  margin-top: -8px;
}
.form-group .error-block {
  color: #f00;
  font-size: 12px;
  padding: 10px 0px 0px 18px;
  display: inline-block;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
.spinner input {
  text-align: left;
}
.spinner .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.spinner .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
  outline: none;
}
.spinner .input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
  padding: 7px 15px;
  padding-bottom: 10px;
}
.spinner .input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
  padding: 7px 15px;
  padding-bottom: 10px;
}
.spinner .input-group-btn-vertical > .btn:last-child i {
  position: absolute;
  top: 2px;
  left: 9px;
}
.spinner .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 9px;
}
.form-control {
  display: block;
  height: 32px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.2em;
  color: #555;
  background-color: #edf0f4;
  background-image: none;
  border: 1px solid #edf0f4;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  outline: 0;
  box-shadow: none;
  -webkit-transition: none !important;
  transition: none !important;
}
.form-control:focus {
  background: #fff;
  border: 1px solid #d6dbe1;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
.form-control:read-only {
  background-color: #edf0f4;
  background-image: none;
  border: 1px solid #edf0f4;
  box-shadow: none;
}
.form-control.ng-touched.ng-invalid {
  background: #fff;
  border: 1px solid #f00;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
textarea.form-control {
  display: block;
  padding: 10px 12px;
  font-size: 12px;
  height: auto;
  line-height: 1.2em;
  color: #555;
  background-color: #edf0f4;
  background-image: none;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  outline: 0;
}
.input-group-addon {
  border: none;
  background: #edf0f4;
}
.ui-select-container {
  line-height: 32px;
  height: 32px;
}
.ui-select-container .btn-default-focus {
  box-shadow: none;
  outline: none;
  background: none;
}
.ui-select-container .ui-select-search {
  padding-left: 14px;
  padding-right: 14px;
  height: 32px !important;
  width: 100%;
}
.ui-select-container .btn-default {
  border-radius: 4px;
  line-height: 35px;
  margin-right: 8px;
}
.ui-select-container .ui-select-choices {
  background: #fff;
  border-radius: 0px;
  border: none;
  -webkit-box-shadow: 0 1px 12px rgba(0,0,0,0.275);
  box-shadow: 0 1px 12px rgba(0,0,0,0.275);
}
.ui-select-container .ui-select-choices .ui-select-choices-row:hover:not(.active) a {
  background-color: #e5fafc;
  color: #000;
}
.ui-select-container .ui-select-match {
  max-width: 100%;
}
.ui-select-container .ui-select-match-text {
  max-width: calc(100% - 8px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-select-container .ui-select-match-item {
  background: #6b798c;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  padding-left: 12px;
  padding-right: 8px;
  display: inline-block;
  max-width: 100%;
}
.ui-select-container .ui-select-match-item:hover,
.ui-select-container .ui-select-match-item:active,
.ui-select-container .ui-select-match-item:focus {
  background: #6b798c;
  opacity: 0.8;
  color: #fff;
}
.ui-select-container .ui-select-match-item .ui-select-match-close {
  line-height: 29px !important;
  font-size: 14px !important;
  font-weight: 100;
  text-shadow: none;
  color: #fff;
  opacity: 1;
  margin-left: 8px;
}
.ui-select-container .ui-select-match-item .ui-select-match-close + span {
  max-width: calc(100% - 20px);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 14px;
}
.checkbox {
  display: inline-block;
}
.checkbox .content {
  position: relative;
  min-width: 18px;
  min-height: 26px;
}
.checkbox .content:before {
  content: '';
  width: 16px;
  height: 16px;
  left: 0px;
  top: 5px;
  display: inline-block;
  background: #eff1f5;
  border: 2px solid #000;
  box-sizing: border-box;
  position: absolute;
}
.checkbox .content input + label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 5px;
  background: #000;
  opacity: 0;
  min-width: 16px;
  min-height: 16px;
  padding: 0px;
}
.checkbox .content input + label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox .content label + label {
  float: left;
  text-indent: 25px;
  margin-top: 4px;
  padding-right: 10px;
  cursor: pointer;
  padding-left: 2px;
  font-size: 12px;
  color: #000;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}
.checkbox .content input[type=checkbox] {
  visibility: hidden;
  display: none;
}
.checkbox .content input[type=checkbox]:checked + label {
  opacity: 1;
}
.checkbox.disabled,
.radio.disabled {
  opacity: 0.5;
}
.bootstrap-timepicker-hour,
.bootstrap-timepicker-minute {
  border: none;
}
.radio {
  position: relative;
  display: inline-block;
}
.radio .content:before {
  content: '';
  width: 18px;
  height: 18px;
  left: 0px;
  top: 10px;
  display: inline-block;
  background: #fff;
  border: 3px solid #ccc;
  box-sizing: border-box;
  position: absolute;
  border-radius: 16px;
}
.radio .content input + label {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  padding: 0px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 10px;
  background: #fff;
  border: 3px solid #000;
  opacity: 0;
  border-radius: 16px;
}
.radio .content input + label:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: #000;
  border: 2px solid #fff;
  border-radius: 6px;
}
.radio .content label + label {
  float: left;
  text-indent: 25px;
  margin-top: 1px;
  font-size: 12px;
  padding-left: 2px;
  color: #000;
  padding-right: 10px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}
.radio .content input[type=radio] {
  visibility: hidden;
  display: none;
}
.radio .content input[type=radio]:checked + label {
  opacity: 1;
}
.btn {
  outline: none !important;
}
.btn:focus {
  outline: none !important;
}
.btn.broad {
  padding-left: 40px;
  padding-right: 40px;
}
.btn-primary,
.btn-primary[disabled] {
  background-color: #00cfe2;
  border-radius: 30px;
  color: #fff;
  line-height: 32px;
  padding: 0px 20px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.btn-primary:hover,
.btn-primary[disabled]:hover {
  background-color: #00a0af;
}
.btn-primary:focus,
.btn-primary[disabled]:focus {
  background-color: #00a0af;
}
.btn-primary:active,
.btn-primary[disabled]:active {
  background-color: #00cfe2;
}
.btn-primary:active:hover,
.btn-primary[disabled]:active:hover {
  background-color: #00a0af;
}
.btn-primary:active:focus,
.btn-primary[disabled]:active:focus {
  background-color: #00a0af;
}
.btn-default {
  border-radius: 30px;
  background-color: #eff1f5;
  color: #000;
  line-height: 32px;
  padding: 0px 20px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
}
.btn-default:hover {
  background-color: #d9dce2;
}
.btn-danger {
  border-radius: 30px;
  background-color: #6b798c;
  color: #fff;
  line-height: 32px;
  padding: 0px 20px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
}
.btn-danger:hover {
  background-color: #4c5d74;
}
.btn-danger:active {
  background-color: #4c5d74 !important;
}
.btn-danger:focus {
  background-color: #4c5d74 !important;
}
.btn-info {
  border-radius: 30px;
  background-color: #6b798c;
  color: #fff;
  line-height: 32px;
  padding: 0px 20px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
}
.btn-info:hover {
  background-color: #4c5d74 !important;
}
.btn-info:active {
  background-color: #6b798c !important;
}
.btn-info:focus {
  background-color: #4c5d74 !important;
}
.datepicker {
  width: 100%;
}
.datepicker .input-group-addon {
  cursor: pointer;
}
.input-group .input-group-btn:last-child > .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  line-height: 32px;
}
.input-file-wrap {
  position: relative;
}
.input-file-wrap .upload {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  line-height: 32px;
}
.input-file-wrap input[type='file'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.input-file-wrap-only-button {
  position: relative;
  display: inline-block;
}
.input-file-wrap-only-button input[type='file'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.checkbox,
.radio {
  margin-top: 0px;
  margin-bottom: 0px;
}
.confirm-modal {
  width: 340px;
  margin-top: 273px;
}
.confirm-modal .form-group .message {
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  margin-botttom: 30px;
}
.modal-footer {
  border: none;
}
.progress {
  width: 100%;
  height: 32px;
  border-radius: 0px;
  margin-bottom: 0px;
  box-shadow: none;
  background-color: #056779;
}
.progress .progress-bar {
  height: 32px;
  font-size: 14px;
  font-weight: 100;
  line-height: 32px;
  height: 32px;
  background-color: #12d5c1;
  border-bottom: 7px solid #10bfad;
  color: #fff;
}
.progress .progress-bar-rest {
  float: left;
  height: 32px;
  background-color: #056779;
  border-bottom: 8px solid #035c6e;
}
.wizard-tabs {
  padding: 0px 100px;
}
.wizard-tabs ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.wizard-tabs ul > li {
  display: table-cell;
  margin-right: 3px;
}
.wizard-tabs ul > li.active {
  background: #00cfe2;
  border-bottom-color: transparent;
}
.wizard-tabs ul > li.active > a {
  color: #fff;
  background: #00cfe2;
}
.wizard-tabs ul > li.active > a:after {
  border-left-color: #00cfe2;
}
.wizard-tabs ul > li.active .badge {
  background-color: #ccc;
}
.wizard-tabs ul > li.disabled .badge {
  background-color: #ccc;
}
.wizard-tabs ul > li > a {
  position: relative;
  display: block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
  color: rgba(0,0,0,0.5);
  background: #e2e4e8;
}
.wizard-tabs ul > li > a .badge {
  border-radius: 100%;
}
.wizard-tabs ul > li > a:hover {
  box-shadow: none;
}
.wizard-tabs ul > li > a:before {
  z-index: 1;
  right: -11px;
  border-left-color: #e0e0e0;
}
.wizard-tabs ul > li > a:after {
  z-index: 2;
  border-left-color: #f4f4f4;
}
.wizard-tabs ul > li > a:before,
.wizard-tabs ul > li > a:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 1;
  border: 17px solid transparent;
  border-right: 0;
  border-left: 10px solid #e2e4e8;
  width: 0;
  height: 0;
}
.wizard-tabs ul > li:last-child > a:before,
.wizard-tabs ul > li:last-child > a:after {
  display: none;
}
.have-tip {
  padding-right: 36px;
}
.have-tip .help-tip {
  width: 36px;
  height: 32px;
  display: inline-block;
  background: url("../image/tip_icon.png");
  position: absolute;
  right: 0px;
  top: 0px;
  text-indent: -99999px;
  padding-top: 36px;
  overflow: hidden;
}
.wizard {
  overflow: hidden;
  margin-bottom: -3px;
  margin-top: 15px;
}
.wizard li {
  float: left;
  opacity: 0.6;
  font-size: 12px;
  color: #fff;
  margin-left: 15px;
  background: url("../image/step_icon.png") no-repeat center left;
  text-indent: 15px;
}
.wizard li.active {
  opacity: 1;
}
.wizard li:first-child {
  margin-left: 0px;
  background: none;
  text-indent: 0px;
}
div.type-radio {
  width: calc(100% + 10px);
  height: 50px;
  background: #ebeef2;
  border-radius: 5px;
  padding: 0px !important;
}
div.type-radio.checked {
  background: #00cfe2;
}
div.type-radio.checked .content label + label span {
  color: #fff;
}
div.type-radio .content {
  width: 100%;
}
div.type-radio .content:before {
  display: none;
}
div.type-radio .content input + label {
  display: none;
}
div.type-radio .content label + label {
  height: 52px;
  line-height: 52px;
  width: 100%;
  margin-top: 0px;
  display: inline-block;
  width: 100%;
  padding-right: 0px;
}
div.type-radio .content label + label span {
  float: left;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #000;
  text-indent: 0px;
}
div.user-radio {
  width: calc(100% - 10px);
  height: 104px;
  background: #ebeef2;
  border-radius: 5px;
  padding: 0px !important;
}
div.user-radio.checked {
  background: #00cfe2;
}
div.user-radio.checked .content label + label .name_wrap .cname {
  color: #fff;
}
div.user-radio.checked .content label + label .name_wrap .ename {
  color: rgba(255,255,255,0.5);
}
div.user-radio .content {
  width: 100%;
  height: 104px;
  cursor: pointer;
}
div.user-radio .content:before {
  display: none;
}
div.user-radio .content input + label {
  display: none;
}
div.user-radio .content label + label {
  height: 52px;
  width: 100%;
  margin-top: 0px;
  display: inline-block;
  width: 100%;
  padding-right: 0px;
}
div.user-radio .content label + label .icon {
  float: left;
  margin-left: 25px;
  margin-top: 25px;
}
div.user-radio .content label + label .name_wrap {
  float: left;
  margin-top: 34px;
  margin-left: 25px;
}
div.user-radio .content label + label .name_wrap .cname {
  float: left;
  display: inline-block;
  text-align: left;
  font-size: 14px;
  color: #000;
  text-indent: 0px;
}
div.user-radio .content label + label .name_wrap .ename {
  float: left;
  clear: left;
  font-size: 12px;
  display: inline-block;
  color: rgba(0,0,0,0.5);
  text-indent: 0px;
}
.datetimepicker .hour_select {
  width: calc(25% - 10px);
  float: left;
  margin-left: 10px;
}
.datetimepicker .minute_select {
  width: calc(25% - 15px);
  float: left;
}
.datetimepicker .divide {
  float: left;
  width: 15px;
  display: block;
  text-align: center;
  line-height: 34px;
  color: #000;
}
.datetimepicker .ui-select-choices {
  min-width: 100%;
  width: 100%;
}
.datetimepicker .ui-select-choices .ui-select-choices-row-inner span {
  display: inline-block;
  text-align: center;
  width: 70%;
}
.datetimepicker .btn-default {
  text-align: center !important;
}
.datetimepicker .btn-default i.caret {
  border: none;
  width: 8px;
  height: 12px;
  background: url("../image/datetime_caret.png") no-repeat center center;
  top: 13px;
}
.scrollable-table {
  max-height: 500px;
  overflow: auto;
}
.scrollable-table tbody tr td {
  min-width: 130px;
}
.scrollable-table tbody tr td:last-child {
  min-width: 65px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #edf0f4 inset;
  -webkit-text-fill-color: #000 !important;
}
.vertical-radio .radio {
  float: left;
  clear: left;
}
.vertical-radio-3:after {
  content: '';
  display: block;
  clear: both;
}
.vertical-radio-3 .radio {
  float: left;
}
.vertical-radio-3 > *:nth-child(3n + 1) .radio {
  clear: left;
}
.ace_editor {
  height: 200px;
}
.scrollable-qztable-wrap .scrollable-qztable .abs {
  position: absolute;
}
.scrollable-qztable-wrap .scrollable-qztable .absr {
  position: absolute;
  right: 0px;
}
.scrollable-qztable-wrap .scrollable-qztable .visibility-hidden {
  visibility: hidden;
  position: relative;
}
.scrollable-qztable-wrap .scrollable-qztable .empty_table {
  margin-top: 13px;
  display: block;
  font-size: 12px;
  padding-left: 10px;
}
table.qz {
  min-width: 100%;
  font-size: 12px;
  color: #313234;
  font-weight: 300;
  text-align: center;
}
table.qz a.table_btn {
  color: #38679f;
  text-decoration: none;
  display: inline-block;
  line-height: 18px;
}
table.qz thead {
  background: #8898ac;
  line-height: 32px;
  color: #fff;
}
table.qz thead tr .orderable {
  cursor: pointer;
  background: url("../image/sort_none.png") no-repeat right 0px;
  padding-right: 12px;
}
table.qz thead tr .asc {
  background-image: url("../image/sort_asc.png");
}
table.qz thead tr .desc {
  background-image: url("../image/sort_desc.png");
}
table.qz thead tr td {
  text-align: left;
  text-indent: 20px;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: top;
}
table.qz thead tr td .field_title {
  display: inline-block;
  max-width: calc(100% - 20px);
  text-indent: 0px;
}
table.qz thead tr td .field_title span {
  text-indent: 0px;
  display: inline-block;
  line-height: 1.3em;
  padding-top: 10px;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.qz thead tr td .multiline span {
  width: 100%;
  white-space: pre-line;
  word-break: break-all;
  word-wrap: break-word;
}
table.qz thead tr td:first-child {
  min-width: auto;
  text-indent: 0px;
  text-align: center;
  background: #8898ac;
}
table.qz thead tr .col-ctrl {
  background: url("../image/table_col_ctrl_button.png") no-repeat center 1px;
  width: 36px;
  cursor: pointer;
}
table.qz thead tr .col-ctrl .dropdown {
  height: 22px;
}
table.qz thead tr .col-ctrl .dropdown-toggle {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 36px;
  height: 32px;
}
table.qz thead tr .col-ctrl .dropdown-menu {
  top: 36px;
  left: -181px;
  width: 217px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.3);
  max-height: 400px;
  overflow-y: auto;
  padding-top: 0px;
}
table.qz thead tr .col-ctrl .dropdown-menu li {
  padding-top: 5px;
  padding-bottom: 5px;
}
table.qz thead tr .col-ctrl .dropdown-menu li:first-child {
  padding-top: 2px;
}
table.qz thead tr .col-ctrl .dropdown-menu li:last-child {
  height: 39px;
}
table.qz thead tr .col-ctrl .dropdown-menu li:hover {
  background: url("../image/table_col_drag.png") no-repeat 174px center;
}
table.qz thead tr .col-ctrl .dropdown-menu li.dndDraggingSource {
  display: none;
}
table.qz thead tr .col-ctrl .dropdown-menu li.dndPlaceholder {
  display: block;
  background-color: #ddd;
  height: 41px;
  width: 100%;
}
table.qz thead tr .col-ctrl .dropdown-menu li .checkbox {
  height: 20px;
}
table.qz thead tr .col-ctrl .dropdown-menu li .checkbox .content label + label {
  line-height: 23px;
}
table.qz thead tr .col-ctrl .dropdown-menu li .checkbox .content label + label span {
  margin-left: 9px;
}
table.qz tbody {
  background: transparent !important;
}
table.qz tbody tr {
  background-color: transparent;
}
table.qz tbody tr td {
  padding: 8px 8px 8px 20px;
  color: #4b5b6f;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  line-height: 23px;
}
table.qz tbody tr td:first-child {
  padding-left: 14px;
  text-indent: 0px;
  text-align: left;
}
table.qz tbody tr .ctrl-buttons {
  padding: 8px 8px 8px 15px;
}
table.qz tbody tr .ctrl-buttons tbody {
  background: transparent !important;
}
table.qz tbody tr .ctrl-buttons tbody tr {
  background: transparent !important;
}
table.qz tbody tr .ctrl-buttons tbody tr td {
  background: transparent !important;
  text-indent: 0px;
  padding: 5px;
}
table.qz tbody tr .ctrl-buttons a {
  text-indent: 0px;
  cursor: pointer;
  margin-left: 10px;
  float: left;
  color: #4b5b6f;
  text-decoration: underline;
  -webkit-text-decoration-color: #8a93a0;
  text-decoration-color: #8a93a0;
}
table.qz tbody tr .ctrl-buttons a:first-child {
  margin-left: 0px;
}
table.qz tbody tr .more_buttons {
  float: left;
  cursor: pointer;
}
table.qz tbody tr .more_buttons > .dropdown-menu {
  min-width: 80px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
  padding: 0px;
  left: 0px;
}
table.qz tbody tr .more_buttons > .dropdown-menu > li {
  width: 100%;
}
table.qz tbody tr .more_buttons > .dropdown-menu > li > a {
  width: 100%;
  cursor: pointer;
  color: #000;
  padding: 8px 20px;
  display: block;
  text-decoration: none;
}
table.qz tbody tr .status i {
  display: inline-block;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
table.qz tbody tr .status .active {
  background-color: #b6db2d;
}
table.qz tbody tr .status .disabled {
  background-color: #c6c6c6;
}
table.qz tbody tr:nth-child(even) {
  background-color: #eff1f5;
}
table.qz tbody tr:first-child .hide-first {
  visibility: hidden;
}
table.qz tbody tr:last-child .hide-last {
  visibility: hidden;
}
.table-footer {
  width: 100%;
}
.table-footer tfoot tr {
  font-size: 12px;
  font-weight: 400;
}
.table-footer tfoot tr td {
  padding: 8px;
  vertical-align: middle;
}
.table-footer tfoot tr td:first-child {
  padding-left: 14px;
  text-indent: 0px;
  text-align: left;
}
.table-footer tfoot tr td #select_all {
  float: left;
}
.table-footer tfoot tr td .selected_count {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 4px;
}
.table-footer tfoot tr td .selected_count_ctrl {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.table-footer tfoot tr td .selected_count_ctrl > span {
  float: left;
  line-height: 24px;
  display: inline-block;
  margin-right: 12px;
  color: #787878;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup {
  float: left;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup.open > .dropdown-toggle {
  background: #000;
  color: #fff;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup > .dropdown-toggle {
  background: #eff1f5;
  border-radius: 0px;
  height: 24px;
  line-height: 24px;
  padding: 0px 10px;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu {
  padding: 0px;
  min-width: 20px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
  width: 188px;
  margin-bottom: 10px;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .selected_list {
  overflow-y: auto;
  max-height: 100px;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .selected_list li {
  font-size: 12px;
  color: #000;
  line-height: 38px;
  height: 38px;
  float: left;
  clear: left;
  width: 100%;
  text-indent: 20px;
  cursor: pointer;
  position: relative;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .selected_list li .name {
  width: 150px;
  display: block;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .selected_list li:hover .remove {
  display: block;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .selected_list li .remove {
  width: 38px;
  height: 38px;
  position: absolute;
  right: 0px;
  top: 0px;
  border: none;
  display: none;
  background: url("../image/table_selected_remove.png") no-repeat center center;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .ctrl {
  padding: 10px;
  border-top: 1px solid #e5e5e5;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .ctrl .btn-link {
  color: #000;
  width: 60px;
}
.table-footer tfoot tr td .selected_count_ctrl .dropup .dropdown-menu .ctrl .width-100 {
  width: 100px;
}
.table-footer tfoot tr td .footer-button {
  cursor: pointer;
  font-size: 12px;
  float: left;
  color: #000;
  margin-left: 29px;
  line-height: 25px;
  text-decoration: underline;
}
.table-footer tfoot .pagination-conf {
  float: right;
  margin-right: 20px;
}
.table-footer tfoot .pagination-conf > span {
  float: left;
  line-height: 24px;
  display: inline-block;
  margin-right: 12px;
  color: #787878;
}
.table-footer tfoot .pagination-conf .dropup .caret {
  margin-top: -3px;
}
.table-footer tfoot .pagination-conf .number-of-page {
  float: left;
}
.table-footer tfoot .pagination-conf .number-of-page > .dropdown-toggle {
  background: #eff1f5;
  border-radius: 0px;
  height: 24px;
  line-height: 24px;
  padding: 0px 10px;
}
.table-footer tfoot .pagination-conf .number-of-page > .dropdown-toggle .caret {
  margin-left: 8px;
}
.table-footer tfoot .pagination-conf .number-of-page .dropdown-menu {
  min-width: 20px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
}
.table-footer tfoot .pagination-conf .number-of-page .dropdown-menu li a {
  width: 100%;
  cursor: pointer;
}
.table-footer tfoot .pagination {
  float: right;
  overflow: hidden;
  position: relative;
  float: right;
  margin: 0px;
  border-radius: 0px;
}
.table-footer tfoot .pagination .prev {
  background-color: #000;
  background-image: url("../image/prev_page_icon.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: none;
  overflow: hidden;
  text-indent: -999px;
  width: 24px;
  height: 24px;
  float: left;
  cursor: pointer;
}
.table-footer tfoot .pagination .next {
  background-color: #000;
  background-image: url("../image/next_page_icon.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: none;
  overflow: hidden;
  text-indent: -999px;
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 12px;
  cursor: pointer;
}
.table-footer tfoot .pagination .prev:disabled,
.table-footer tfoot .pagination .next:disabled {
  opacity: 0.5;
}
.table-footer tfoot .pagination .current {
  width: 33px;
  background: #eff1f5;
  border: none;
  line-height: 24px;
  height: 24px;
  padding: 0px 0px;
  font-size: 12px;
  color: #000;
  float: left;
  text-align: center;
}
.table-footer tfoot .pagination span {
  font-size: 12px;
  color: #787878;
  float: left;
  line-height: 24px;
  margin-left: 16px;
}
table.no-first-col thead tr td:first-child {
  background: #8898ac;
  text-align: left;
  text-indent: 20px;
}
table.no-first-col tbody tr td:first-child {
  background: #fff;
}
table.no-first-col tbody tr:nth-child(even) td:first-child {
  background-color: #eff1f5;
}
html,
body {
  font-family: Arial, "微软雅黑", "Microsoft YaHei", STXihei, "华文细黑";
  background-color: #dde1e6;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-width: 1200px;
  color: #777;
  line-height: 1.6;
}
*:focus {
  outline: 0;
}
input::-ms-clear {
  display: none;
}
.clickable {
  cursor: pointer;
}
.modal-backdrop + .modal-backdrop {
  opacity: 0 !important;
}
textarea {
  resize: none;
}
body header.nav {
  background-color: #111820;
  width: 100%;
  height: 60px;
}
body header.nav:after {
  content: '';
  display: block;
  clear: both;
}
body header.nav .logo {
  display: inline-block;
  float: left;
  width: 300px;
  padding-top: 15px;
}
body header.nav .logo img {
  margin-left: 38px;
}
body header.nav nav {
  float: left;
  display: inline-block;
  height: 100%;
}
body header.nav nav > ul {
  height: 100%;
}
body header.nav nav > ul > li {
  float: left;
  height: 60px;
  border: solid transparent 0px;
  border-width: 0px 0px 4px 0px;
  cursor: pointer;
  margin-right: 45px;
  padding: 0px 5px;
  position: relative;
}
body header.nav nav > ul > li > a {
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  width: 100%;
  line-height: 60px;
  text-align: center;
}
body header.nav nav > ul > li:hover a {
  opacity: 1;
}
body header.nav nav > ul > li.active {
  border: solid #00cfe2 0px;
  border-width: 0px 0px 4px 0px;
}
body header.nav nav > ul > li.active a {
  font-size: 16px;
}
body header.nav nav > ul > li button.quick_link {
  width: 14px;
  height: 14px;
  position: absolute;
  right: -17px;
  top: 24px;
  background: url("../image/quick_link_button.png") no-repeat center center;
  background-size: 14px;
  border: none;
  cursor: pointer;
}
body header.nav nav > ul > li button.quick_link.active {
  background-image: url("../image/quick_link_button_active.png");
}
body header.nav nav > ul > li .quick_link_view {
  background-color: #fff;
  position: absolute;
  z-index: 99999;
  top: 47px;
  left: 71px;
  width: 700px;
  box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.12);
  opacity: 1;
  transition: all ease-in-out 0.2s;
}
body header.nav nav > ul > li .quick_link_view.ng-hide {
  display: block !important;
  visibility: hidden;
  top: 60px;
  opacity: 0;
}
body header.nav nav > ul > li .quick_link_view section {
  padding: 21px 24px;
}
body header.nav nav > ul > li .quick_link_view section h3 {
  font-size: 14px;
  color: rgba(0,0,0,0.25);
}
body header.nav nav > ul > li .quick_link_view section ul {
  margin-top: 14px;
  margin-left: -4px;
  overflow: hidden;
  float: left;
  width: 200px;
}
body header.nav nav > ul > li .quick_link_view section ul li {
  float: left;
  clear: left;
  width: 100%;
  height: 43px;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 30px auto;
  cursor: pointer;
}
body header.nav nav > ul > li .quick_link_view section ul li span {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: left;
  color: rgba(0,0,0,0.54);
  text-indent: 40px;
  margin-top: 14px;
}
body header.nav nav > ul > li .quick_link_view .recents {
  float: left;
  height: 245px;
  border-right: 1px solid #eaeaea;
}
body header.nav nav > ul > li .quick_link_view .recents h3 {
  font-size: 14px;
}
body header.nav nav > ul > li .quick_link_view .recents ul li {
  color: rgba(0,0,0,0.7);
}
body header.nav nav > ul > li .quick_link_view .recents ul li span {
  text-indent: 5px;
}
body header.nav nav > ul > li .quick_link_view .all {
  float: left;
  border-left: 1px solid #eaeaea;
  margin-left: -1px;
}
body header.nav .right {
  float: right;
  height: 100%;
}
body header.nav .right:after {
  content: '';
  display: block;
  clear: both;
}
body header.nav .right .userinfo {
  float: left;
  height: 100%;
  background: url("../image/super_admin_icon.png") no-repeat left center;
  background-size: 24px;
  margin-right: 35px;
  position: relative;
  cursor: pointer;
  opacity: 1;
  transition: all ease-in-out 0.4s;
}
body header.nav .right .userinfo.ng-hide {
  opacity: 0;
  visibility: hidden;
}
body header.nav .right .userinfo span {
  font-size: 14px;
  font-weight: 200;
  color: #fff;
  display: inline-block;
  margin-left: 36px;
  margin-top: 19px;
}
body header.nav .right .userinfo .user_menu {
  background-color: #fff;
  position: absolute;
  z-index: 99999;
  top: 54px;
  left: 0px;
  width: 124px;
  opacity: 1;
  box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.12);
  transition: all ease-in-out 0.2s;
}
body header.nav .right .userinfo .user_menu.ng-hide {
  display: block !important;
  visibility: hidden;
  top: 65px;
  opacity: 0;
}
body header.nav .right .userinfo .user_menu ul {
  padding: 10px 0px;
}
body header.nav .right .userinfo .user_menu ul li {
  line-height: 32px;
}
body header.nav .right .userinfo .user_menu ul li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: rgba(0,0,0,0.8);
}
body header.nav .right .notifications {
  float: left;
  background-color: #222a34;
  height: 100%;
  width: 80px;
}
body header.nav .right .notifications:after {
  content: '';
  display: block;
  clear: both;
}
body header.nav .right .notifications article.details {
  position: absolute;
  z-index: 9999;
  width: 392px;
  height: calc(100% - 60px);
  margin-top: 60px;
  background: url("../image/notification_bg.jpg") no-repeat;
  background-size: cover;
  padding: 0px 20px 20px 20px;
  right: 0px;
  overflow-y: auto;
  -webkit-animation: slider-show 0.3s forwards;
  animation: slider-show 0.3s forwards;
}
body header.nav .right .notifications article.details._hide {
  -webkit-animation: slider-hide 0.3s forwards;
  animation: slider-hide 0.3s forwards;
}
body header.nav .right .notifications article.details.ng-hide {
  right: -393px;
  display: block !important;
  visibility: hidden;
}
body header.nav .right .notifications article.details > h2 {
  font-size: 14px;
  color: #fff;
  margin-top: 5px;
  float: left;
  clear: left;
}
body header.nav .right .notifications article.details .list {
  float: left;
  clear: left;
  width: 100%;
}
body header.nav .right .notifications article.details .list .item .datetime {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  display: block;
  width: 100%;
  text-align: center;
  line-height: 55px;
}
body header.nav .right .notifications article.details .list .item .main {
  background: #515151;
  padding: 19px 15px 19px 8px;
}
body header.nav .right .notifications article.details .list .item .main .title {
  background: url("../image/notification_prefix.png") no-repeat left center;
  text-indent: 13px;
  color: #fff;
  font-size: 14px;
}
body header.nav .right .notifications article.details .list .item .main .content {
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  margin-top: 10px;
  padding-left: 13px;
  line-height: 1.4em;
}
body header.nav .right .notifications article.details .list .item .show_details {
  display: block;
  width: 100%;
  text-align: left;
  margin-top: 1px;
  padding-right: 18px;
  background: url("../image/notification_arror.png") no-repeat 325px center;
  background-size: auto 12px;
  color: rgba(255,255,255,0.7);
  font-size: 12px;
  background-color: #515151;
  text-indent: 21px;
  line-height: 32px;
  cursor: pointer;
}
body header.nav .right .notifications > div {
  float: left;
  height: 100%;
  width: 62px;
  cursor: pointer;
  position: relative;
  padding: 0px;
  margin-left: 10px;
}
body header.nav .right .notifications > div .icon {
  margin: 19px 0px 0px 21px;
}
body header.nav .right .notifications > div .count {
  position: absolute;
  left: 28px;
  top: 11px;
  color: #fff;
  font-size: 10px;
  background-color: #c41b1b;
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: block;
  text-align: center;
  border-radius: 20px;
}
@-moz-keyframes slider-show {
  from {
    right: -393px;
  }
  to {
    right: 0px;
  }
}
@-webkit-keyframes slider-show {
  from {
    right: -393px;
  }
  to {
    right: 0px;
  }
}
@-o-keyframes slider-show {
  from {
    right: -393px;
  }
  to {
    right: 0px;
  }
}
@keyframes slider-show {
  from {
    right: -393px;
  }
  to {
    right: 0px;
  }
}
@-moz-keyframes slider-hide {
  0% {
    right: 0px;
  }
  49% {
    opacity: 1;
  }
  50% {
    right: -393px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes slider-hide {
  0% {
    right: 0px;
  }
  49% {
    opacity: 1;
  }
  50% {
    right: -393px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 0;
    visibility: hidden;
  }
}
@-o-keyframes slider-hide {
  0% {
    right: 0px;
  }
  49% {
    opacity: 1;
  }
  50% {
    right: -393px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes slider-hide {
  0% {
    right: 0px;
  }
  49% {
    opacity: 1;
  }
  50% {
    right: -393px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 0;
    visibility: hidden;
  }
}
body #bgvid {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #17212d;
}
body .login {
  width: 100%;
  height: 100%;
  background: transparent;
  position: relative;
  z-index: 1;
}
body .login .popover {
  min-width: 200px;
}
body .login .content {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}
body .login .content .logo {
  width: 74px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 50px;
}
body .login .content .login_dynamic_mobilecode_wrap header {
  background: #070707;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
body .login .content .login_dynamic_mobilecode_wrap form {
  background: #fff;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 77px;
}
body .login .content .login_dynamic_mobilecode_wrap form .form-control {
  width: 360px;
  height: 42px;
  background-color: #edf0f4;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}
body .login .content .login_dynamic_mobilecode_wrap form .form-control label {
  font-size: 12px;
  color: #000;
  line-height: 42px;
  margin-left: 15px;
}
body .login .content .login_dynamic_mobilecode_wrap form .form-control input {
  border: none;
  background: transparent;
  height: 32px;
  line-height: 32px;
  width: 275px;
  text-indent: 10px;
  font-size: 14px;
}
body .login .content .login_dynamic_mobilecode_wrap form .form-group {
  overflow: hidden;
}
body .login .content .login_dynamic_mobilecode_wrap form .form-group .forgot {
  font-size: 12px;
  color: #000;
  float: right;
  margin-right: 20px;
}
body .login .content .login_dynamic_mobilecode_wrap form .form-group .submit {
  margin-top: 77px;
  margin-bottom: 40px;
  width: 360px;
  height: 42px;
  line-height: 42px;
  background: #00cfe2;
  border: none;
  font-size: 12px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  padding: 0px;
  display: block;
  cursor: pointer;
}
body .login .content .login_dynamic_mobilecode_wrap form .note {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  margin-left: 20px;
}
body .login .content .login_wrap header {
  background: #070707;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  position: relative;
}
body .login .content .login_wrap header .loginFormHeader {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

body .login .content .login_wrap header .set-total {
  display: flex;
}
body .login .content .login_wrap header .languageSetting {
  cursor: pointer;
  float: left;
}
body .login .content .login_wrap header .global {
  background-image: url("../image/set-language.png");
  background-repeat: no-repeat;
  word-break: break-all;
  width: 16px;
  height: 16px;
  margin: 12px 10px 0px 0px;
}

body .login .content .login_wrap header .select {
  background-image: url("../image/login_language_icon.png");
  background-repeat: no-repeat;
  word-break: break-all;
  width: 20px;
  height: 20px;
  margin: 10px 20px 0px 0px;
  float: right;
}
body .login .content .login_wrap header .dropdown-menu {
  top: 70%;
  bottom: auto;
  border-radius: 2px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 140px;
}

body .login .content .login_wrap header .dropdown-menu > li > a {
  height: 32px;
  line-height: 32px;
  padding: 3px 30px;
}
body .login .content .login_wrap form {
  background: #fff;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 40px;
}
body .login .content .login_wrap form .form-control {
  width: 360px;
  height: 42px;
  background-color: #edf0f4;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 0px;
}
body .login .content .login_wrap form .form-control label {
  width: 70px;
  font-size: 12px;
  color: #000;
  line-height: 42px;
  margin-left: 15px;
}
body .login .content .login_wrap form .form-control input {
  border: none;
  background: transparent;
  height: 32px;
  line-height: 32px;
  width: 215px;
  text-indent: 10px;
  font-size: 14px;
}
body .login .content .login_wrap form .username {
  background-image: url("../image/login_username_icon.png");
  background-repeat: no-repeat;
  background-position: center right;
}
body .login .content .login_wrap form .password {
  background-image: url("../image/login_password_icon.png");
  background-repeat: no-repeat;
  background-position: center right;
  margin-bottom: 10px;
}
body .login .content .login_wrap form .form-group {
  overflow: hidden;
}
body .login .content .login_wrap form .form-group .forgot {
  font-size: 12px;
  color: #000;
  float: right;
  margin-right: 20px;
  cursor: pointer;
  padding-top: 3px;
}
body .login .content .login_wrap form .form-group .submit {
  margin-top: 48px;
  margin-bottom: 40px;
  width: 360px;
  height: 42px;
  line-height: 42px;
  background: #00cfe2;
  border: none;
  font-size: 12px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  padding: 0px;
  display: block;
  cursor: pointer;
}
body .login .content .login_qrcode_wrap header {
  overflow: hidden;
}

body .login .content .login_qrcode_wrap header .tab {
  background: #070707;
  width: 50%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  float: left;
  cursor: pointer;
}
body .login .content .login_qrcode_wrap header .left {
  border-top-left-radius: 4px;
}
body .login .content .login_qrcode_wrap header .right {
  border-top-right-radius: 4px;
}
body .login .content .login_qrcode_wrap header .active {
  background: #00cfe2;
}
body .login .content .login_qrcode_wrap .body {
  height: 386px;
  background: #edf0f4;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
}
body .login .content .login_qrcode_wrap .body .download {
  background-color: #dfe8ef;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 387px;
  overflow: hidden;
  display: none;
}
body .login .content .login_qrcode_wrap .body .download .back {
  height: 66px;
  line-height: 66px;
  width: 100%;
  font-size: 12px;
  color: #000;
  background: url("../image/login_download_back.png") no-repeat 20px center;
  text-indent: 58px;
  cursor: pointer;
}
body .login .content .login_qrcode_wrap .body .download .left,
body .login .content .login_qrcode_wrap .body .download .right {
  font-size: 12px;
  color: #000;
  overflow: hidden;
}
body .login .content .login_qrcode_wrap .body .download .left label,
body .login .content .login_qrcode_wrap .body .download .right label,
body .login .content .login_qrcode_wrap .body .download .left .link,
body .login .content .login_qrcode_wrap .body .download .right .link {
  float: left;
  clear: left;
}
body .login .content .login_qrcode_wrap .body .download .left {
  width: 165px;
  padding: 30px 20px 0px 30px;
  float: left;
}
body .login .content .login_qrcode_wrap .body .download .left img {
  width: 123px;
  margin-top: 14px;
}
body .login .content .login_qrcode_wrap .body .download .right {
  float: left;
  padding: 30px 20px 0px 10px;
  width: 220px;
}
body .login .content .login_qrcode_wrap .body .download .right label {
  margin-bottom: 14px;
}
body .login .content .login_qrcode_wrap .body .tab-content {
  display: none;
  padding-top: 33px;
  background: #fff;
  height: 227px;
  position: relative;
}
body .login .content .login_qrcode_wrap .body .tab-content .qrcode {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
body .login .content .login_qrcode_wrap .body .tab-content .qrcode_note {
  margin-top: 10px;
  font-size: 12px;
  color: #000;
  display: block;
  text-align: center;
}
body .login .content .login_qrcode_wrap .body .tab-content .code {
  font-size: 28px;
  font-weight: bold;
  margin-top: 50px;
  width: 100%;
  color: #000;
  display: block;
  text-align: center;
}
body .login .content .login_qrcode_wrap .body .tab-content .code_note {
  margin-top: 10px;
  font-size: 12px;
  color: #000;
  display: block;
  text-align: center;
}
body .login .content .login_qrcode_wrap .body .tab-content .successed_bind {
  width: 100px;
  height: 32px;
  line-height: 32px;
  background: #00cfe2;
  border: none;
  font-size: 12px;
  color: #fff;
  padding: 0px;
  display: block;
  float: right;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
body .login .content .login_qrcode_wrap .body .tab-content.active {
  display: block;
}
body .login .content .login_qrcode_wrap .body .footer {
  padding-left: 28px;
  padding-top: 20px;
}
body .login .content .login_qrcode_wrap .body .footer .row {
  float: left;
  clear: left;
  height: 50px;
}
body .login .content .login_qrcode_wrap .body .footer .row img {
  float: left;
}
body .login .content .login_qrcode_wrap .body .footer .row .pull-left {
  float: left;
  padding-left: 23px;
}
body .login .content .login_qrcode_wrap .body .footer .row .title {
  float: left;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}
body .login .content .login_qrcode_wrap .body .footer .row .des {
  float: left;
  clear: left;
  font-size: 13px;
  color: rgba(0,0,0,0.7);
}
body .login .content .login_qrcode_wrap .body .footer .row .des a {
  cursor: pointer;
  color: rgba(0,0,0,0.7);
}
body .login .content .login_dynamic_code_wrap header {
  background: #070707;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
body .login .content .login_dynamic_code_wrap form {
  background: #fff;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 77px;
}
body .login .content .login_dynamic_code_wrap form .form-control {
  width: 360px;
  height: 42px;
  background-color: #edf0f4;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}
body .login .content .login_dynamic_code_wrap form .form-control label {
  font-size: 12px;
  color: #000;
  line-height: 42px;
  margin-left: 15px;
}
body .login .content .login_dynamic_code_wrap form .form-control input {
  border: none;
  background: transparent;
  height: 32px;
  line-height: 32px;
  width: 275px;
  text-indent: 10px;
  font-size: 14px;
}
body .login .content .login_dynamic_code_wrap form .form-group {
  overflow: hidden;
}
body .login .content .login_dynamic_code_wrap form .form-group .forgot {
  font-size: 12px;
  color: #000;
  float: right;
  margin-right: 20px;
}
body .login .content .login_dynamic_code_wrap form .form-group .submit {
  margin-top: 77px;
  margin-bottom: 40px;
  width: 360px;
  height: 42px;
  line-height: 42px;
  background: #00cfe2;
  border: none;
  font-size: 12px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  padding: 0px;
  display: block;
  cursor: pointer;
}
body .login .content .login_dynamic_code_wrap form .note {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  margin-left: 20px;
}
body .outdated_browser,
body .shterm_clicent_install {
  display: none;
}
body .notifcation_bar {
  width: 100%;
  background: #fff;
  height: 32px;
  padding-left: 14px;
}
body .notifcation_bar span {
  font-size: 12px;
  line-height: 32px;
  color: #000;
  font-family: "微软雅黑", "Microsoft YaHei", STXihei, "华文细黑", Arial;
}
body .notifcation_bar .install {
  margin-top: 6px;
  margin-left: 10px;
}
body .notifcation_bar .btn-info {
  height: 22px;
  line-height: 22px;
}
body .notifcation_bar .btn-link {
  color: #000;
  text-decoration: underline;
}
body .notifcation_bar .close {
  margin-right: 12px;
  color: #000;
  opacity: 1;
  font-size: 1.5em;
}
body main .with-shadow {
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
  _position: relative;
  z-index: 3;
  float: left;
  width: calc(100% - 210px);
}
body main.page {
  width: calc(100% - 40px);
  height: calc(100% - 100px);
  margin: 20px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
  overflow: hidden;
}
body main.page > .content {
  width: 320px;
  height: 410px;
  margin: 0px auto;
}
body main.page > .content.p403 {
  background: url("../image/403.png") no-repeat center 80px;
}
body main.page > .content.p404 {
  background: url("../image/404.png") no-repeat center 80px;
}
body main.page > .content.p500 {
  background: url("../image/500.png") no-repeat center 80px;
}
body main.page > .content .tip {
  color: #7f7f7f;
  font-size: 14px;
  float: left;
  margin-top: 440px;
  width: 100%;
  text-align: center;
}
body main.page > .content .tip a {
  color: #00cfe2;
  text-decoration: underline;
}
body main.setup {
  width: 100%;
  height: 100%;
  background: url("../image/setup_bg.png") no-repeat;
  background-size: cover;
}
body main.setup .layer1 {
  width: 100%;
  height: 100%;
  background: url("../image/setup_layer_1.png") no-repeat left bottom;
}
body main.setup .layer2 {
  width: 100%;
  height: 100%;
  background: url("../image/setup_layer_2.png") no-repeat right top;
}
body main.setup .setup-wizard {
  position: absolute;
  left: calc(50% - 190px);
  top: 100px;
}
body main.setup .setup-wizard .item {
  width: 176px;
  border-top: 2px solid #454d58;
  float: left;
}
body main.setup .setup-wizard .item:last-child {
  border-color: transparent !important;
}
body main.setup .setup-wizard .item.active {
  border-color: #00cfe2;
}
body main.setup .setup-wizard .item.active .circle {
  background: #00cfe2;
}
body main.setup .setup-wizard .item.current .title {
  color: #fff;
}
body main.setup .setup-wizard .item.current .circle {
  border-radius: 35px;
  width: 34px;
  height: 34px;
  border: 6px solid #0f5664;
  background: #0a7b8a;
  margin-left: -20px;
  margin-top: -20px;
}
body main.setup .setup-wizard .item.current .circle .inner {
  width: 10px;
  height: 10px;
  background: #00cfe2;
  margin-left: 6px;
  margin-top: 6px;
  border-radius: 10px;
}
body main.setup .setup-wizard .item .title {
  color: rgba(255,255,255,0.4);
  margin-top: 30px;
  display: inline-block;
  width: 150px;
  text-align: center;
  margin-left: -75px;
  font-size: 12px;
}
body main.setup .setup-wizard .item .circle {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 10px;
  margin-left: -3px;
  margin-top: -6px;
}
body main.setup .content {
  width: 590px;
  padding-bottom: 10px;
  background: url("../image/setup_modal.png") no-repeat top center;
  background-color: #dfe8ef;
  border-radius: 5px;
  position: absolute;
  left: calc(50% - 295px);
  top: 200px;
}
body main.setup .content section {
  display: none;
}
body main.setup .content section.active {
  display: block;
}
body main.setup .content section header {
  height: 104px;
  position: relative;
}
body main.setup .content section header h2 {
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  color: #000;
  text-indent: 22px;
}
body main.setup .content section header h2 span.step {
  font-size: 73px;
  font-weight: 100;
  font-style: italic;
  float: left;
}
body main.setup .content section header h2 span.title {
  float: left;
  margin-top: 49px;
  margin-left: -14px;
}
body main.setup .content section fieldset {
  margin-left: 40px;
  margin-top: 15px;
}
body main.setup .content section fieldset legend {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  margin-bottom: 15px;
}
body main.setup .content section fieldset .form-group .control-label {
  color: #000;
  text-align: left;
  word-wrap: break-word;
}
body main.setup .content section fieldset .form-group .form-control {
  background: #fff;
  border: 1px solid transparent;
}
body main.setup .content section fieldset .form-group .now_time {
  font-size: 12px;
  color: #000;
}
body main.setup .content section .ctrl {
  float: right;
  margin-right: 30px;
  margin-bottom: 20px;
}
body main.index {
  width: 100%;
  height: calc(100% - 50px);
  box-sizing: border-box;
}
body main.index nav.slider-nav {
  float: left;
  height: 100%;
  width: 394px;
  overflow-y: auto;
}
body main.index nav.slider-nav > ul {
  overflow: hidden;
  padding-top: 13px;
}
body main.index nav.slider-nav > ul > li {
  width: 127px;
  height: 145px;
  float: left;
  background-repeat: no-repeat;
  background-position: center 27px;
  background-size: 64px auto;
  cursor: pointer;
}
body main.index nav.slider-nav > ul > li span {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: center;
  color: rgba(0,0,0,0.7);
  margin-top: 102px;
}
body main.index .widget_list {
  float: left;
  margin-left: -10px;
  width: calc(100% - 385px);
  height: calc(100% - 10px);
  padding-bottom: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  visibility: hidden;
  padding-top: 10px;
  padding-right: 10px;
}
body main.index .widget_list:after {
  content: '';
  display: block;
  clear: both;
}
body main.index .widget_list ul {
  margin: 0px !important;
}
body main.index .widget_list ul li {
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}
body main.index .widget_list ul li.dndDraggingSource {
  display: none;
}
body main.index .widget_list ul li.dndPlaceholder {
  display: block;
  background: none;
  box-shadow: none;
  width: calc(50% - 15px);
}
body main.index .widget_list ul li header {
  position: relative;
  height: 70px;
}
body main.index .widget_list ul li header:after {
  content: '';
  display: block;
  clear: both;
}
body main.index .widget_list ul li header h2 {
  font-size: 16px;
  font-weight: 300;
  color: #111820;
  margin: 24px 0px 0px 24px;
  float: left;
  padding-right: 35px;
}
body main.index .widget_list ul li header .more_ctrl {
  position: absolute;
  top: 20px;
  right: 13px;
  display: block !important;
}
body main.index .widget_list ul li header .more_ctrl .more {
  background: url("../image/more_black.png") no-repeat center center;
  background-size: auto 60%;
  text-indent: -999px;
  border: none;
  overflow: hidden;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
body main.index .widget_list ul li header .more_ctrl .dropdown-menu {
  left: -60px;
  min-width: 90px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
  max-height: 400px;
  overflow: hidden;
}
body main.index .widget_list ul li header .more_ctrl .dropdown-menu a {
  width: 100%;
  display: block;
  text-align: center;
  color: #000;
  cursor: pointer;
  font-size: 12px;
}
body main.index .widget_add {
  width: calc(50% - 20px);
  background: transparent;
  padding: 5px;
  height: 160px !important;
  position: relative;
  cursor: pointer;
  margin-bottom: 53px;
  background: #c6cacf;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 280px;
}
body main.index .widget_add > .content {
  float: left;
  width: 100%;
  height: 150px;
  background: url("../image/widget_add.png") no-repeat center center;
}
body main.index .widget_add > .content span {
  color: rgba(0,0,0,0.54);
  font-size: 12px;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 92px;
}
body main.index .widget_add .widget_add_menu {
  position: absolute;
  top: 0px;
  margin-left: 10px;
  margin-bottom: 80px;
  z-index: 11;
  left: calc(100% + 10px);
  background: #fff;
  width: 433px;
  box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.12);
}
body main.index .widget_add .widget_add_menu .arrow {
  position: absolute;
  top: 7%;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 8px 9px 0;
  border-color: transparent #fff transparent transparent;
}
body main.index .widget_add .widget_add_menu .ul {
  overflow: hidden;
  float: left;
  width: 100px;
  min-height: 350px;
  height: 100%;
  padding-top: 10px;
}
body main.index .widget_add .widget_add_menu .ul .li {
  float: right;
  clear: left;
  width: 100%;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 40px auto;
  cursor: pointer;
  margin-right: -2px;
}
body main.index .widget_add .widget_add_menu .ul .li span {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 15px;
  color: #c6cacf;
  line-height: 20px;
}
body main.index .widget_add .widget_add_menu .ul .li.active span {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 15px;
  color: #000;
  line-height: 20px;
}
body main.index .widget_add .widget_add_menu .ul .li.active:after {
  height: 20px;
  width: 2px;
  background: #000;
  content: '';
  display: block;
  position: absolute;
  margin-left: 96px;
  margin-top: -21px;
}
body main.index .widget_add .widget_add_menu .details {
  float: left;
  padding: 10px;
  padding-right: 0px;
  width: 332px;
  min-height: 350px;
  position: relative;
  padding-bottom: 60px;
  border-left: 2px solid #eee;
}
body main.index .widget_add .widget_add_menu .details .list {
  height: 280px;
}
body main.index .widget_add .widget_add_menu .details .size {
  color: rgba(0,0,0,0.25);
  float: left;
  margin-right: 10px;
  clear: right;
  position: relative;
  border: 1px solid #edf2f6;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
body main.index .widget_add .widget_add_menu .details .size .name {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 18px;
  margin-top: 35px;
}
body main.index .widget_add .widget_add_menu .details .size .title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #000;
  font-size: 12px;
  text-indent: 6px;
  background-color: #edf2f6;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
body main.index .widget_add .widget_add_menu .details .size .checkbox {
  pointer-events: none;
  position: absolute;
  right: -2px;
  top: -5px;
}
body main.index .widget_add .widget_add_menu .details .small {
  width: 150px;
  height: 130px;
  margin-bottom: 10px;
}
body main.index .widget_add .widget_add_menu .details .big {
  width: 310px;
  height: 160px;
  margin-bottom: 10px;
}
body main.index .widget_add .widget_add_menu .details .control {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
body main.index .widget_add .widget_add_menu .details .control span {
  font-size: 12px;
  color: #000;
  text-decoration: underline;
  margin-right: 12px;
}
body main.users {
  width: calc(100% - 40px);
  height: calc(100% - 100px);
  margin: 20px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
}
body main.users section {
  height: 100%;
  padding-bottom: 10px;
  overflow-y: auto;
}
body main.users section:before {
  display: block;
  box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.2);
  background-color: #fff;
  position: absolute;
  z-index: 2;
  height: calc(100% - 100px);
  width: 2px;
  left: 210px;
}
body main.users section:after {
  content: '';
  display: block;
  clear: both;
}
body main.users section article {
  background-color: #fff;
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 5px;
}
body main.users section .user_list_header {
  width: 100%;
  background-color: #fff;
  padding-bottom: 20px;
  overflow: hidden;
}
body main.users section .user_list_header h1 {
  font-size: 16px;
  font-weight: normal;
  margin-left: 20px;
  margin-top: 19px;
  float: left;
}
body main.users section .user_list_header .info {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 12px;
  overflow: hidden;
  table-layout: fixed;
}
body main.users section .user_list_header .info td {
  cursor: pointer;
  width: 12.1%;
  display: inline-block;
}
body main.users section .user_list_header .info td .count {
  font-size: 32px;
  font-weight: 400;
  color: #00cfe2;
  display: block;
  width: 100%;
  height: 32px;
  text-align: center;
  font-weight: 200;
  float: left;
}
body main.users section .user_list_header .info td .name {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  font-weight: 200;
  float: left;
}
body main.users section .users_view {
  padding: 6px 20px 10px 20px;
}
body main.users section .users_view:after {
  content: '';
  display: block;
  clear: both;
}
body main.users section .users_view .filter {
  float: left;
  width: 100%;
  position: relative;
}
body main.users section .users_view .filter .item {
  float: left;
}
body main.users section .users_view .filter .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body main.users section .users_view .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
body main.users section .users_view .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body main.users section .users_view .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.users section .users_view .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 372px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body main.users section .users_view .filter .filters_view .form-group {
  margin-bottom: 4px;
}
body main.users section .users_view .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body main.users section .users_view .filter .filters_view .form-group .form-control {
  width: 100%;
}
body main.users section .users_view .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
body main.users section .users_view .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
  font-size: 12px;
}
body main.users section .users_view .filter .ctrl {
  float: right;
}
body main.users section .users_view .filter .ctrl .new-user {
  background-image: url("../image/new_user_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  margin-right: 10px;
}
body main.users section .users_view .filter .ctrl .import-user {
  background-image: url("../image/import_user_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
}
body main.users section .users_view .filter .ctrl .link-user {
  background-image: url("../image/link_user_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
body main.users section .users_view .user_list {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}
body main.users section .users_view .user_list table .user-groups {
  padding: 0px 10px;
}
body main.users section .user-batch-form {
  padding: 0px;
}
body main.users section .user-batch-form .user_list {
  width: 156px;
  float: left;
  min-height: 100px;
  border-right: 1px solid #e5e5e5;
  padding: 20px 30px;
  box-sizing: border-box;
}
body main.users section .user-batch-form .user_list h2 {
  font-size: 14px;
  color: #010101;
  font-weight: normal;
}
body main.users section .user-batch-form .user_list ul {
  margin-top: 10px;
}
body main.users section .user-batch-form .user_list ul li {
  line-height: 40px;
}
body main.users section .user-batch-form .user_form {
  float: left;
  padding: 30px;
  border-left: 1px solid #e5e5e5;
  margin-left: -1px;
  width: calc(100% - 156px);
}
body main.users .user-nav-manage-modal {
  width: 450px;
  margin-top: 273px;
}
body main.users .user-nav-modal {
  width: 410px;
  margin-top: 273px;
}
body main.users .user-nav-modal .user-nav-name-tip {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  padding-left: 0px;
  padding-top: 14px;
}
body main.users .user-details h2 {
  font-size: 12px;
  color: #000;
  padding: 20px 0px;
}
body main.users .user-details .infowrap {
  background: #edf0f4;
  padding: 30px 20px;
  padding-bottom: 10px;
  margin: 0px;
}
body main.users .user-details .infowrap .name {
  color: rgba(0,0,0,0.7);
  height: 41px;
}
body main.users .user-details .infowrap .value {
  color: #000;
  height: 41px;
}
body main.users .groups {
  padding: 0px;
}
body main.users .groups .add-group {
  width: 32px;
  height: 32px;
  border: none;
  background: url("../image/group_add_icon.png") no-repeat center center;
  margin-top: -8px;
}
body main.users .groups .group-list {
  width: 293px;
  height: 100%;
  float: left;
}
body main.users .groups .group-list header {
  padding: 22px;
}
body main.users .groups .group-list header h1 {
  font-weight: normal;
  font-size: 16px;
  color: #000;
  float: left;
}
body main.users .groups .group-list header .add-group {
  float: right;
}
body main.users .groups .group-list .search_input {
  margin-top: 20px;
  width: 100%;
  border-radius: 0px;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 95%;
  padding-left: 43px;
  height: 32px;
  font-size: 12px;
}
body main.users .groups .group-list > ul {
  width: 100%;
  overflow-y: auto;
}
body main.users .groups .group-list > ul > li {
  width: 100%;
  box-sizing: border-box;
  padding: 26px 8px 26px 30px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
body main.users .groups .group-list > ul > li:hover .mctrl {
  display: block;
}
body main.users .groups .group-list > ul > li:hover .count {
  visibility: hidden;
}
body main.users .groups .group-list > ul > li.active {
  background: #00cfe2;
  color: #00cfe2;
}
body main.users .groups .group-list > ul > li.active .name {
  color: #fff;
}
body main.users .groups .group-list > ul > li.active .count {
  color: rgba(255,255,255,0.7);
}
body main.users .groups .group-list > ul > li .name {
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  width: 200px;
  color: #000;
  float: left;
  word-wrap: break-word;
}
body main.users .groups .group-list > ul > li .count {
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  float: right;
}
body main.users .groups .group-list > ul > li .mctrl {
  display: none;
  position: absolute;
  right: 5px;
  top: 23px;
}
body main.users .groups .group-users {
  width: calc(100% - 293px);
  padding-left: 10px;
  min-height: 100%;
  float: left;
  overflow-y: auto;
}
body main.users .groups .group-users .user_group_name {
  font-weight: normal;
}
body main.users .groups .group-users .user_group_name_with_edit {
  background-image: url("../image/group_list_title_icon.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 90%;
  padding-right: 22px;
}
body .user_state_0,
body .user_state_1,
body .user_state_2,
body .user_state_3 {
  color: #4b5b6f;
}
body .user_state_0 .icon,
body .user_state_1 .icon,
body .user_state_2 .icon,
body .user_state_3 .icon {
  width: 5px;
  height: 5px;
  display: block;
  float: left;
  background-color: #1fb98f;
  border-radius: 15px;
  margin-top: 8px;
}
body .user_state_0 span,
body .user_state_1 span,
body .user_state_2 span,
body .user_state_3 span {
  margin-left: 8px;
  float: left;
}
body .user_state_1,
body .user_state_2 {
  color: #f00;
}
body .node_state_true {
  color: #1fb98f;
}
body .node_state_false {
  color: #f00;
}
body .node_upgrade_state_0 .node_upgrade_state_1 .node_upgrade_state_2 {
  color: #4B5B6F;
}
body .node_upgrade_state_3 {
  color: #F00;
}
body .node_upgrade_state_4 {
  color: #1fb98f;
}
body .user_state_1 .icon,
body .user_state_2 .icon {
  background-color: #f00;
}
body .user_state_3 {
  color: #bbc4d0;
}
body .user_state_3 .icon {
  background-color: #bbc4d0;
}
body main.resources {
  width: calc(100% - 40px);
  height: calc(100% - 100px);
  margin: 20px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
}
body main.resources section {
  height: 100%;
  overflow-y: auto;
}
body main.resources section:before {
  display: block;
  box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.2);
  background-color: #fff;
  position: absolute;
  z-index: 2;
  height: calc(100% - 100px);
  width: 2px;
  left: 210px;
}
body main.resources section:after {
  content: '';
  display: block;
  clear: both;
}
body main.resources section article {
  background-color: #fff;
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 5px;
}
body main.resources section .resource_list_header {
  width: 100%;
  background-color: #fff;
  padding-bottom: 20px;
  overflow: hidden;
}
body main.resources section .resource_list_header .close {
  font-size: 26px;
  font-weight: 100;
  opacity: 1;
  margin-top: 11px;
  text-shadow: none;
}
body main.resources section .resource_list_header h1 {
  font-size: 16px;
  font-weight: normal;
  margin-left: 20px;
  margin-top: 19px;
  float: left;
}
body main.resources section .resource_list_header .info {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 12px;
  overflow: hidden;
  table-layout: fixed;
}
body main.resources section .resource_list_header .info td {
  cursor: pointer;
  width: 12.1%;
  display: inline-block;
}
body main.resources section .resource_list_header .info td .count {
  font-size: 32px;
  font-weight: 400;
  color: #00cfe2;
  display: block;
  width: 100%;
  height: 32px;
  text-align: center;
  font-weight: 200;
  float: left;
}
body main.resources section .resource_list_header .info td .name {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  font-weight: 200;
  float: left;
}
body main.resources section #serv_sys_tree {
  margin-left: 5px;
  margin-top: 57px;
}
body main.resources section #serv_sys_tree .jstree-anchor {
  -webkit-transition: none !important;
  transition: none !important;
}
body main.resources section #serv_sys_tree > ul > li > .jstree-icon {
  background-position: -24px 0px !important;
}
body main.resources section #serv_sys_tree > ul > li > a > .jstree-icon {
  background-position: -260px 2px;
}
body main.resources section #serv_sys_tree > ul > li > .jstree-clicked > .jstree-icon {
  background-position: -260px -63px;
  margin-right: -9px;
}
body main.resources section #serv_sys_tree > ul > li ul li a > .jstree-icon {
  background-position: -258px 2px;
}
body main.resources section #serv_sys_tree > ul > li ul li > .jstree-clicked > .jstree-icon {
  background-position: -258px -63px;
  margin-right: -9px;
}
body main.resources section #serv_sys_tree > ul > li ul .jstree-leaf > .jstree-clicked {
  text-indent: 0px;
}
body main.resources section #serv_sys_tree > ul > li ul .jstree-leaf > .jstree-clicked > .jstree-icon {
  background-position: -98px -63px;
  margin-right: -9px;
}
body main.resources section #serv_sys_tree > ul > li.jstree-closed > .jstree-icon {
  background-position: 7px 0px !important;
}
body main.resources section > .resources_view {
  padding: 6px 20px 10px 20px;
}
body main.resources section > .resources_view:after {
  content: '';
  display: block;
  clear: both;
}
body main.resources section > .resources_view .filter {
  float: left;
  width: 100%;
  position: relative;
}
body main.resources section > .resources_view .filter .item {
  float: left;
}
body main.resources section > .resources_view .filter .item .search_input,
.find_devs_container .search_input{
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body main.resources section > .resources_view .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
body main.resources section > .resources_view .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body main.resources section > .resources_view .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.resources section > .resources_view .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body main.resources section > .resources_view .filter .filters_view .form-group {
  margin-bottom: 4px;
}
body main.resources section > .resources_view .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body main.resources section > .resources_view .filter .filters_view .form-group .form-control {
  width: 100%;
}
body main.resources section > .resources_view .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
body main.resources section > .resources_view .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
body main.resources section > .resources_view .filter .ctrl {
  float: right;
}
body main.resources section > .resources_view .filter .ctrl .new-resource {
  background-image: url("../image/new_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  margin-right: 10px;
}
body main.resources section > .resources_view .filter .ctrl .import-resource {
  background-image: url("../image/import_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
}
body main.resources section > .resources_view .filter .ctrl .link-resource {
  background-image: url("../image/link_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
body main.resources section > .resources_view .resource_list {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}
body main.resources section > .resources_view .resource_list table .resource-groups {
  padding: 0px 10px;
}
body main.resources section > .resources_view .resource_list table .system_type {
  overflow: hidden;
}
body main.resources section > .resources_view .resource_list table .system_type span {
  float: left;
  color: #4b5b6f;
  display: inline-block;
}
body main.resources section > .resources_view .resource_list table td .accounts_list {
  display: inline-block;
  padding: 0px 10px;
}
body main.resources section .resource-form {
  width: 578px;
  min-height: 500px;
}
body main.resources section .resource-form .protocol-table .edit-button {
  background: url("../image/protocols_edit.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
}
body main.resources section .resource-form .protocol-table .del-button {
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
}
body main.resources section .resource-form #account {
  padding-top: 10px;
}
body main.resources section .resource-form #account .account_list .account {
  width: 100%;
  border-bottom: 2px solid #eff1f5;
  min-height: 124px;
}
body main.resources section .resource-form #account .account_list .account .name_tip {
  float: left;
  width: 40%;
  padding-top: 26px;
  padding-left: 18px;
}
body main.resources section .resource-form #account .account_list .account .name_tip .name {
  float: left;
  font-size: 16px;
  color: #000;
}
body main.resources section .resource-form #account .account_list .account .name_tip .tip {
  float: left;
  clear: left;
  background: #c4c9d1;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  display: block;
  padding: 3px 4px;
}
body main.resources section .resource-form #account .account_list .account .password {
  padding-top: 26px;
  color: #000;
  font-size: 12px;
  float: left;
  width: 40%;
}
body main.resources section .resource-form #account .account_list .account .protocols {
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 350px;
  padding-right: 100px;
}
body main.resources section .resource-form #account .account_list .account .protocols ul {
  float: left;
  width: 100%;
}
body main.resources section .resource-form #account .account_list .account .protocols ul li {
  background: #edf0f4;
  padding: 5px 10px;
  margin-bottom: 10px;
  color: #000;
  font-size: 12px;
  line-height: 14px;
}
body main.resources section .resource-form #account .account_list .account .protocols ul li a {
  color: #000;
  padding: 0px 5px;
}
body main.resources section .resource-form #account .account_list .account .protocols .link_protocols {
  float: left;
}
body main.resources section .resource-form #account .account_list .account .protocols .link_protocols .dropdown-toggle {
  font-size: 12px;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
  float: left;
  padding: 0px;
}
body main.resources section .resource-form #account .account_list .account .protocols .link_protocols .dropdown-menu {
  min-width: 300px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
  padding: 10px 20px;
}
body main.resources section .resource-form #account .account_list .account .ctrl {
  float: left;
  width: 15%;
  padding-top: 26px;
}
body main.resources section .resource-form #account .account_list .account .ctrl .edit-button {
  float: left;
  display: block;
  background: url("../image/protocols_edit.png") no-repeat;
  background-position: center center;
  cursor: pointer;
  width: 36px;
  height: 32px;
}
body main.resources section .resource-form #account .account_list .account .ctrl .del-button {
  float: left;
  display: block;
  cursor: pointer;
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
}
body main.resources section .resource-form .protocols {
  width: 150px;
}
body main.resources section .resource-form .protocols .btn-default {
  border-radius: 30px;
  line-height: 35px;
  height: 32px;
}
body main.resources section .resource-batch-form {
  padding: 0px;
}
body main.resources section .resource-batch-form .resource_list {
  width: 156px;
  float: left;
  min-height: 100px;
  border-right: 1px solid #e5e5e5;
  padding: 20px 30px;
  box-sizing: border-box;
}
body main.resources section .resource-batch-form .resource_list h2 {
  font-size: 14px;
  color: #010101;
  font-weight: normal;
}
body main.resources section .resource-batch-form .resource_list ul {
  margin-top: 10px;
}
body main.resources section .resource-batch-form .resource_list ul li {
  line-height: 40px;
}
body main.resources section .resource-batch-form .resource_form {
  float: left;
  padding: 30px;
  border-left: 1px solid #e5e5e5;
  margin-left: -1px;
  width: calc(100% - 156px);
}
body main.resources .resource-nav-manage-modal {
  width: 450px;
  margin-top: 273px;
}
body main.resources .resource-nav-modal {
  width: 410px;
  margin-top: 273px;
}
body main.resources .resource-nav-modal .resource-nav-name-tip {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  padding-left: 16px;
  padding-top: 14px;
}
body main.resources .resource-details h2 {
  font-size: 12px;
  color: #000;
  padding: 20px 0px;
}
body main.resources .resource-details .infowrap {
  background: #edf0f4;
  padding: 30px 20px;
  padding-bottom: 10px;
  margin: 0px;
}
body main.resources .resource-details .infowrap .name {
  color: rgba(0,0,0,0.7);
  height: 41px;
}
body main.resources .resource-details .infowrap .value {
  color: #000;
  height: 41px;
}
body main.resources .resource-import-form header {
  overflow: hidden;
}
body main.resources .resource-import-form .file-upload-wrap {
  width: 100%;
  height: 500px;
  border: 3px dotted #e5e5e5;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  background: url("../image/resource-file-upload-icon.png") no-repeat center center;
}
body main.resources .resource-import-form .resource-import-wrap {
  margin-top: 20px;
  margin-bottom: 10px;
}
body main.resources .resource-import-form .resource-import-wrap table tbody {
  border: none;
}
body main.resources .resource-import-form .resource-import-wrap table tbody td {
  padding: 0px;
}
body main.resources .resource-import-form .resource-import-wrap table tbody td input {
  border: none;
  background: transparent;
  line-height: 32px;
  padding: 0px 10px;
  width: 100%;
}
body main.resources .resource-import-form .resource-import-wrap table tbody td input.ng-invalid {
  background: #fff;
  border: 1px solid #f00;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
body main.resources .serv-sys-tree .serv_sys_resources {
  top: 0px;
  width: 100%;
  background: #fff;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_slider {
  width: 300px;
  padding-bottom: 20px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_slider .service_header {
  padding: 20px;
  margin: 0px;
  border-bottom: 1px solid #e5e8ed;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_slider .service_header h2 {
  text-align: left;
  margin: 0px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_slider .service_header .search_input {
  margin-top: 30px;
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 259px;
  float: left;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_slider #serv_sys_tree {
  margin-top: 30px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details {
  width: calc(100% - 300px);
  padding: 6px 20px 10px 20px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details:after {
  content: '';
  display: block;
  clear: both;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter {
  float: left;
  width: 100%;
  position: relative;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .item {
  float: left;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .filters_view .form-group {
  margin-bottom: 4px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .filters_view .form-group .form-control {
  width: 100%;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .ctrl {
  float: right;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .ctrl .new-resource {
  background-image: url("../image/new_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  margin-right: 10px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .ctrl .import-resource {
  background-image: url("../image/import_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .filter .ctrl .link-resource {
  background-image: url("../image/link_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .resource_list {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .resource_list table .resource-groups {
  padding: 0px 10px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .resource_list table .system_type {
  overflow: hidden;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .resource_list table .system_type img {
  float: left;
  height: 23px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .resource_list table .system_type span {
  float: left;
  font-size: 12px;
  color: #4b5b6f;
  display: inline-block;
  line-height: 23px;
}
body main.resources .serv-sys-tree .serv_sys_resources .serv_sys_details .resource_list table td .accounts_list {
  display: inline-block;
  padding: 0px 10px;
}
body main.resources .serv-sys-tree,
body main.resources .permission {
  background-image: url("../image/serv-sys-tree-bg.png");
  position: relative;
}
body main.resources .serv-sys-tree .canvas,
body main.resources .permission .canvas {
  width: 100%;
  height: calc(100% - 3px);
  position: relative;
  overflow: hidden;
}
body main.resources .serv-sys-tree .canvas .service_header,
body main.resources .permission .canvas .service_header {
  padding: 20px;
  margin: 0px;
  position: absolute;
}
body main.resources .serv-sys-tree .canvas .service_header h2,
body main.resources .permission .canvas .service_header h2 {
  text-align: left;
  margin: 0px;
  color: #000;
  font-size: 16px;
  font-weight: normal;
}
body main.resources .serv-sys-tree .canvas .service_header .search_input,
body main.resources .permission .canvas .service_header .search_input {
  margin-top: 30px;
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body main.resources .serv-sys-tree .canvas .editMenu,
body main.resources .permission .canvas .editMenu {
  position: absolute;
  display: none;
}
body main.resources .serv-sys-tree .canvas .editMenu .new,
body main.resources .permission .canvas .editMenu .new,
body main.resources .serv-sys-tree .canvas .editMenu .edit,
body main.resources .permission .canvas .editMenu .edit {
  width: 38px;
  height: 38px;
  background: none;
  background-repeat: no-repeat;
  border: none;
  float: left;
  clear: left;
}
body main.resources .serv-sys-tree .canvas .editMenu .new,
body main.resources .permission .canvas .editMenu .new {
  background-image: url("../image/servSysNew.png");
}
body main.resources .serv-sys-tree .canvas .editMenu .edit,
body main.resources .permission .canvas .editMenu .edit {
  background-image: url("../image/servSysEdit.png");
}
body main.resources .serv-sys-tree .canvas .editModal,
body main.resources .permission .canvas .editModal {
  width: 280px;
  height: 188px;
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  transform-origin: left top;
  transform: scale(0.5);
  display: none;
  overflow: hidden;
}
body main.resources .serv-sys-tree .canvas .editModal .header,
body main.resources .permission .canvas .editModal .header {
  background: #000;
  height: 32px;
  font-size: 12px;
  color: #fff;
  padding: 0px 15px 0px 20px;
}
body main.resources .serv-sys-tree .canvas .editModal .header h4,
body main.resources .permission .canvas .editModal .header h4 {
  line-height: 32px;
}
body main.resources .serv-sys-tree .canvas .editModal .header h4 sup,
body main.resources .permission .canvas .editModal .header h4 sup {
  margin-left: 3px;
}
body main.resources .serv-sys-tree .canvas .editModal .header button,
body main.resources .permission .canvas .editModal .header button {
  line-height: 34px;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  font-weight: 400;
}
body main.resources .serv-sys-tree .canvas .editModal .body,
body main.resources .permission .canvas .editModal .body {
  padding: 20px;
}
body main.resources .serv-sys-tree .canvas .editModal .body button,
body main.resources .permission .canvas .editModal .body button {
  line-height: 30px;
  height: 30px;
}
body main.resources .serv-sys-tree .canvas .editModal .body .deleteButton,
body main.resources .permission .canvas .editModal .body .deleteButton {
  margin-right: 10px;
}
body main.resources .serv-sys-tree .canvas .node,
body main.resources .permission .canvas .node {
  cursor: pointer;
}
body main.resources .serv-sys-tree .canvas .node .details,
body main.resources .permission .canvas .node .details {
  fill: #3c4959;
}
body main.resources .serv-sys-tree .canvas .node text,
body main.resources .permission .canvas .node text {
  font-size: 12px;
}
body main.resources .serv-sys-tree .canvas .link,
body main.resources .permission .canvas .link {
  fill: none;
  stroke: #ccc;
  stroke-width: 3px;
}
body main.resources .permission {
  color: auto;
}
body main.resources .permission .serv_sys_slider {
  width: 300px;
  padding-bottom: 20px;
}
body main.resources .permission .serv_sys_slider .service_header {
  padding: 20px;
  margin: 0px;
  border-bottom: 1px solid #e5e8ed;
}
body main.resources .permission .serv_sys_slider .service_header h2 {
  text-align: left;
  margin: 0px;
}
body main.resources .permission .serv_sys_slider .service_header .search_input {
  margin-top: 30px;
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 260px;
  float: left;
}
body main.resources .permission .serv_sys_slider #serv_sys_tree {
  margin-top: 30px;
}
body main.resources .permission .permission_details {
  padding: 20px;
  background-color: #fff;
  width: calc(100% - 300px);
}
body main.resources .permission .permission_details.full-screen {
  position: absolute !important;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 100px);
}
body main.resources .permission .permission_details .permission_matrix_list_header {
  width: 100%;
  background-color: #fff;
  padding-bottom: 20px;
  overflow: hidden;
}
body main.resources .permission .permission_details .permission_matrix_list_header .zoom {
  display: block;
  width: 36px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -7px;
  margin-right: -7px;
  cursor: pointer;
}
body main.resources .permission .permission_details .permission_matrix_list_header .zoom.in {
  background-image: url("../image/zoomin.png");
}
body main.resources .permission .permission_details .permission_matrix_list_header .zoom.out {
  background-image: url("../image/zoomout.png");
}
body main.resources .permission .permission_details .permission_matrix_list_header h1 {
  font-size: 16px;
  font-weight: normal;
  float: left;
}
body main.resources .permission .permission_details .table_header {
  overflow: hidden;
  padding: 20px 0px 0px 0px;
  height: 76px;
  float: left;
  clear: left;
  width: 100%;
}
body main.resources .permission .permission_details .table_header .helper {
  float: left;
  font-size: 12px;
  color: #737373;
  padding-top: 5px;
}
body main.resources .permission .permission_details .table_header .helper li {
  float: left;
  clear: left;
}
body main.resources .permission .permission_details .table_header .helper li i {
  width: 4px;
  height: 4px;
  display: block;
  float: left;
  background-color: #4b5b6f;
  border-radius: 15px;
  margin-top: 8px;
}
body main.resources .permission .permission_details .table_header .helper li span {
  float: left;
  margin-left: 5px;
}
body main.resources .permission .permission_details .table_header .ctrl {
  float: right;
}
body main.resources .permission .permission_details .table_header .ctrl .martix_resource_add {
  background-image: url("../image/resource_add_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 20px center;
  margin-right: 6px;
}
body main.resources .permission .permission_details .table_header .ctrl .martix_user_add {
  background-image: url("../image/user_add_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 20px center;
}
body main.resources .permission .permission_details .new-dev-group-modal {
  width: 350px;
  margin-top: 140px;
}
body main.resources .permission .permission_details .permission_table {
  height: calc(100% - 100px);
}
body main.resources .permission .permission_details .permission_table table {
  border-collapse: collapse;
  background: #fff;
  font-size: 12px;
}
body main.resources .permission .permission_details .permission_table th {
  text-indent: 10px;
}
body main.resources .permission .permission_details .permission_table td,
body main.resources .permission .permission_details .permission_table th {
  color: #000;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: top;
}
body main.resources .permission .permission_details .permission_table td .account_label_wrap,
body main.resources .permission .permission_details .permission_table th .account_label_wrap {
  padding: 8px;
  clear: left;
  overflow: hidden;
}
body main.resources .permission .permission_details .permission_table td .account_label_wrap .account_label,
body main.resources .permission .permission_details .permission_table th .account_label_wrap .account_label {
  background: #6b798c;
  padding: 0px 6px;
  display: inline-block;
  line-height: 20px;
  margin-right: 4px;
  margin-bottom: 4px;
  text-indent: 0px;
  float: left;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
}
body main.resources .permission .permission_details .permission_table .sticky-wrap .sticky-thead,
body main.resources .permission .permission_details .permission_table .sticky-wrap .sticky-col,
body main.resources .permission .permission_details .permission_table .sticky-wrap .sticky-intersect {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: auto;
}
body main.resources .permission .permission_details .permission_table .sticky-wrap td,
body main.resources .permission .permission_details .permission_table .sticky-wrap th {
  box-sizing: border-box;
}
body main.resources .permission .permission_details .permission_table .sticky-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
body main.resources .permission .permission_details .permission_table .sticky-wrap .sticky-thead {
  z-index: 100;
}
body main.resources .permission .permission_details .permission_table .sticky-wrap .sticky-intersect {
  opacity: 1;
  z-index: 150;
}
body main.resources .permission .permission_details .permission_table .sticky-wrap.overflow-y {
  overflow-y: auto;
}
body main.resources .permission .permission_details .permission_table .sticky-col th,
body main.resources .permission .permission_details .permission_table .sticky-intersect th,
body main.resources .permission .permission_details .permission_table .sticky-thead th {
  width: 160px;
}
body main.resources .permission .permission_details .permission_table .sticky-col .dropdown-menu,
body main.resources .permission .permission_details .permission_table .sticky-intersect .dropdown-menu,
body main.resources .permission .permission_details .permission_table .sticky-thead .dropdown-menu {
  top: 70%;
  left: 95%;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.275);
  box-shadow: 0 0px 30px rgba(0,0,0,0.275);
  min-width: 100px;
  z-index: 200;
}
body main.resources .permission .permission_details .permission_table .sticky-col .dropdown-menu li a,
body main.resources .permission .permission_details .permission_table .sticky-intersect .dropdown-menu li a,
body main.resources .permission .permission_details .permission_table .sticky-thead .dropdown-menu li a {
  padding: 3px 10px;
  text-indent: 0px;
}
body main.resources .permission .permission_details .permission_table .sticky-thead th:last-child:not(:nth-child(2)) .dropdown-menu {
  left: auto;
  right: 95%;
  z-index: 200;
}
body main.resources .permission .permission_details .permission_table .sticky-col tr:last-child .dropdown-menu {
  top: 40%;
  z-index: 200;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled thead tr th {
  background: #e0e3ea;
  color: #000;
  height: 56px;
  line-height: 56px;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled thead tr th:nth-child(2n - 1) {
  background: #d2d7e1;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled tbody tr th {
  height: 56px;
  width: 160px;
  background: #e0e3ea;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled tbody tr th:nth-child(2n - 1) {
  background: #d2d7e1;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled tbody tr td {
  background: #eff1f5;
  height: 56px;
  border-right: 1px solid #e5e5e5;
  cursor: pointer;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled tbody tr .account_label_wrap {
  min-height: 56px;
  border: 2px solid #eff1f5;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled tbody tr .active .account_label_wrap {
  border: 2px solid #00cfe2 !important;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled tbody tr:nth-child(2n - 1) td {
  background: #fff;
}
body main.resources .permission .permission_details .permission_table .sticky-enabled tbody tr:nth-child(2n - 1) td .account_label_wrap {
  border: 2px solid #fff;
}
body main.resources .permission .permission_details .permission_table .sticky-intersect tr {
  height: 56px;
}
body main.resources .permission .permission_details .permission_table .sticky-intersect tr th {
  padding: 0px;
}
body main.resources .permission .permission_details .permission_table .sticky-thead thead tr th {
  background: #e0e3ea;
  color: #000;
  height: 55px;
  line-height: 55px;
  background-image: url("../image/matrix_table_corner.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  cursor: pointer;
}
body main.resources .permission .permission_details .permission_table .sticky-thead thead tr th:nth-child(2n - 1) {
  background-color: #d2d7e1;
}
body main.resources .permission .permission_details .permission_table .sticky-thead thead tr .usergroup {
  background-image: url("../image/matrix_user_group_icon.png");
  background-repeat: no-repeat;
  background-position: 120px center;
}
body main.resources .permission .permission_details .permission_table .sticky-col tr th {
  background-color: #d2d7e1;
  color: #000;
  height: 56px;
  line-height: 56px;
  width: 159px;
  background-image: url("../image/matrix_table_corner.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  cursor: pointer;
}
body main.resources .permission .permission_details .permission_table .sticky-col tr .devicegroup {
  background-image: url("../image/matrix_dev_group_icon.png");
  background-repeat: no-repeat;
  background-position: 120px 19px;
  height: 100%;
}
body main.resources .permission .permission_details .permission_table .sticky-col tr:nth-child(2n - 1) th {
  background-color: #e0e3ea;
}
body main.resources .permission .permission_details .rule_editor_bg {
  cursor: auto;
  background: #fff;
  opacity: 0.01;
  z-index: 9998;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.resources .permission .permission_details .rule_editor {
  width: 350px;
  display: block;
  z-index: 9999;
  cursor: auto;
  top: 240px;
  left: 600px;
  border: none;
  border-radius: 0px;
  padding: 20px;
}
body main.resources .permission .permission_details .rule_editor .tab {
  margin: 0px;
  margin-bottom: -2px;
}
body main.resources .permission .permission_details .rule_editor .tab a {
  padding: 12px 20px;
  float: left;
  text-indent: 0px;
}
body main.resources .permission .permission_details .rule_editor .tab-content .tab-pane {
  padding: 30px 0px 10px 0px;
}
body main.resources .permission .permission_details .rule_editor .tab-content .tab-pane .ui-select-choices-row.active > a {
  color: #fff;
}
body main.resources .permission .users_view {
  padding: 16px 20px 10px 20px;
}
body main.resources .permission .users_view:after {
  content: '';
  display: block;
  clear: both;
}
body main.resources .permission .users_view .filter {
  float: left;
  width: 100%;
  position: relative;
}
body main.resources .permission .users_view .filter .item {
  float: left;
}
body main.resources .permission .users_view .filter .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body main.resources .permission .users_view .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
body main.resources .permission .users_view .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body main.resources .permission .users_view .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.resources .permission .users_view .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body main.resources .permission .users_view .filter .filters_view .form-group {
  margin-bottom: 4px;
}
body main.resources .permission .users_view .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body main.resources .permission .users_view .filter .filters_view .form-group .form-control {
  width: 100%;
}
body main.resources .permission .users_view .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
body main.resources .permission .users_view .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
body main.resources .permission .users_view .filter .ctrl {
  float: right;
}
body main.resources .permission .users_view .filter .ctrl .new-user {
  background-image: url("../image/new_user_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  margin-right: 10px;
}
body main.resources .permission .users_view .filter .ctrl .import-user {
  background-image: url("../image/import_user_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
}
body main.resources .permission .users_view .filter .ctrl .link-user {
  background-image: url("../image/link_user_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
body main.resources .permission .users_view .user_list {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}
body main.resources .permission .users_view .user_list table .user-groups {
  padding: 0px 10px;
}
body main.resources .permission .matrix_resources_view {
  padding: 20px 20px 10px 20px;
}
body main.resources .permission .matrix_resources_view:after {
  content: '';
  display: block;
  clear: both;
}
body main.resources .permission .matrix_resources_view .filter {
  float: left;
  width: 100%;
  position: relative;
}
body main.resources .permission .matrix_resources_view .filter .item {
  float: left;
}
body main.resources .permission .matrix_resources_view .filter .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body main.resources .permission .matrix_resources_view .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
body main.resources .permission .matrix_resources_view .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body main.resources .permission .matrix_resources_view .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.resources .permission .matrix_resources_view .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body main.resources .permission .matrix_resources_view .filter .filters_view .form-group {
  margin-bottom: 4px;
}
body main.resources .permission .matrix_resources_view .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body main.resources .permission .matrix_resources_view .filter .filters_view .form-group .form-control {
  width: 100%;
}
body main.resources .permission .matrix_resources_view .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
body main.resources .permission .matrix_resources_view .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
body main.resources .permission .matrix_resources_view .filter .ctrl {
  float: right;
}
body main.resources .permission .matrix_resources_view .filter .ctrl .new-resource {
  background-image: url("../image/new_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  margin-right: 10px;
}
body main.resources .permission .matrix_resources_view .filter .ctrl .import-resource {
  background-image: url("../image/import_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
}
body main.resources .permission .matrix_resources_view .filter .ctrl .link-resource {
  background-image: url("../image/link_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
body main.resources .permission .matrix_resources_view .resource_list {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}
body main.resources .permission .matrix_resources_view .resource_list table .resource-groups {
  padding: 0px 10px;
}
body main.resources .permission .matrix_resources_view .resource_list table .system_type {
  overflow: hidden;
}
body main.resources .permission .matrix_resources_view .resource_list table .system_type img {
  float: left;
  height: 23px;
}
body main.resources .permission .matrix_resources_view .resource_list table .system_type span {
  float: left;
  font-size: 12px;
  color: #4b5b6f;
  display: inline-block;
  line-height: 23px;
}
body main.resources .permission .matrix_resources_view .resource_list table td .accounts_list {
  display: inline-block;
  padding: 0px 10px;
}
body main.resources .serv_sys_search_wrap {
  margin-top: 30px;
  border-radius: 19px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 7px 0px;
  padding-left: 43px;
  width: 259px;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap {
  width: 183px;
  border-radius: 19px;
  padding: 0px;
  float: left;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap .ui-select-match-item {
  height: 29px;
  line-height: 29px;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap .ui-select-search {
  margin: 0px;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap > .ui-select-choices,
body main.resources .serv_sys_search_wrap .ui-select-bootstrap > .ui-select-no-choice {
  max-height: 300px;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap > .ui-select-choices .divider,
body main.resources .serv_sys_search_wrap .ui-select-bootstrap > .ui-select-no-choice .divider {
  height: 0px;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap .ui-select-choices {
  width: 260px;
  margin-left: -43px;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap .ui-select-choices-row {
  text-indent: 18px;
}
body main.resources .serv_sys_search_wrap .ui-select-bootstrap .ui-select-choices-row .ui-select-choices-row-inner {
  background: transparent !important;
  color: #000 !important;
}
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="业务系统"],
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="用户"],
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="用户组"],
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="资源"],
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="资源组"] {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  text-indent: 18px;
}
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="业务系统"] {
  background: url("../image/search_icon_serv_sys.png") no-repeat 13px center;
}
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="用户"] {
  background: url("../image/search_icon_user.png") no-repeat 13px center;
}
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="用户组"] {
  background: url("../image/search_icon_user_group.png") no-repeat 13px center;
}
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="资源"] {
  background: url("../image/search_icon_resource.png") no-repeat 13px center;
}
body main.resources .serv_sys_search_wrap .ui-select-choices-group-label[title="资源组"] {
  background: url("../image/search_icon_resource_group.png") no-repeat 13px center;
}
body main.resources .serv_sys_search_wrap .clear {
  background: url("../image/filter_clear.png") no-repeat center 0px;
  display: inline-block;
  width: 28px;
  height: 28px;
  cursor: pointer;
  float: left;
}
body .scale_ctrl {
  position: absolute;
  right: 10px;
  bottom: 20px;
}
body .scale_ctrl a {
  display: block;
  width: 36px;
  height: 32px;
  float: left;
  cursor: pointer;
}
body .scale_ctrl .up {
  background: url("../image/blowup.png") no-repeat center center;
}
body .scale_ctrl .down {
  background: url("../image/blowdown.png") no-repeat center center;
}
body .scale_ctrl .disable {
  opacity: 0.5;
}
body main.worksheet {
  width: calc(100% - 40px);
  height: calc(100% - 100px);
  margin: 20px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
}
body main.worksheet section {
  height: 100%;
  overflow-y: auto;
}
body main.worksheet section:before {
  display: block;
  box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.2);
  background-color: #fff;
  position: absolute;
  z-index: 2;
  height: calc(100% - 100px);
  width: 2px;
  left: 210px;
}
body main.worksheet section:after {
  content: '';
  display: block;
  clear: both;
}
body main.worksheet section article {
  background-color: #fff;
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 5px;
}
body main.worksheet section .list_header {
  width: 100%;
  background-color: #fff;
  padding-bottom: 20px;
}
body main.worksheet section .list_header .close {
  font-size: 43px;
  font-weight: 100;
  opacity: 1;
  text-shadow: none;
}
body main.worksheet section .list_header h1 {
  font-size: 16px;
  color: #010101;
  font-weight: normal;
  float: left;
}
body main.worksheet section .list_header .more_draft {
  float: left;
  margin-left: 40px;
  line-height: 16px;
  cursor: pointer;
}
body main.worksheet section .list_header .more_draft .dropdown-toggle {
  font-size: 12px;
  color: #000;
}
body main.worksheet section .list_header .more_draft .dropdown-menu {
  top: 100%;
  left: 85%;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.275);
  box-shadow: 0 0px 30px rgba(0,0,0,0.275);
  min-width: 100px;
  width: 211px;
  max-height: 330px;
  overflow: auto;
}
body main.worksheet section .list_header .more_draft .dropdown-menu li.draft {
  border-bottom: 1px solid #e5e5e5;
  height: 66px;
  padding: 14px 21px;
  position: relative;
}
body main.worksheet section .list_header .more_draft .dropdown-menu li.draft:last-child {
  border-bottom: none;
}
body main.worksheet section .list_header .more_draft .dropdown-menu li.draft a {
  padding: 3px 10px;
  text-indent: 0px;
}
body main.worksheet section .list_header .more_draft .dropdown-menu li.draft .title {
  display: block;
  font-size: 12px;
  color: #000;
}
body main.worksheet section .list_header .more_draft .dropdown-menu li.draft .save_time {
  font-size: 12px;
  color: #000;
  opacity: 0.5;
  display: block;
  margin-top: 6px;
}
body main.worksheet section .list_header .more_draft .dropdown-menu li.draft .del-button {
  display: none;
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
  position: absolute;
  right: 6px;
  top: 10px;
}
body main.worksheet section .list_header .more_draft .dropdown-menu li.draft:hover .del-button {
  display: block;
}
body main.worksheet .worksheet-dashboard {
  padding: 20px;
}
body main.worksheet .worksheet-dashboard .worksheet_template {
  margin-bottom: 10px;
  background: #dde1e6;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .left {
  width: 180px;
  padding: 47px 0px;
  height: 100%;
  float: left;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .left > img {
  margin: 0px auto;
  display: block;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .left > h3 {
  font-size: 12px;
  color: #000;
  text-align: center;
  margin-top: 16px;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content {
  width: calc(100% - 180px);
  background: #edf0f4;
  min-height: 190px;
  float: left;
  box-shadow: -11px 4px 18px -14px rgba(0,0,0,0.2);
  padding: 36px 0px 0px 36px;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content > div {
  width: 200px;
  height: 109px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content > div.add {
  background: #d5d8db;
  background-image: url("../image/worksheet_add.png");
  background-position: center center;
  background-repeat: no-repeat;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content > div.item {
  background-image: url("../image/worksheet_bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  padding: 13px 32px;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content > div.item .title {
  font-size: 12px;
  word-wrap: break-word;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content > div.item .des {
  font-size: 12px;
  color: #010101;
  opacity: 0.5;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content > div .del-button {
  display: none;
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
body main.worksheet .worksheet-dashboard .worksheet_template > .content > div:hover .del-button {
  display: block;
}
body main.worksheet .resourcemodal .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 100%;
}
body main.worksheet .worksheet-details {
  height: 100%;
  overflow: hidden;
}
body main.worksheet .worksheet-details .header {
  line-height: 60px;
  width: 100%;
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 20px;
}
body main.worksheet .worksheet-details .header span {
  cursor: pointer;
}
body main.worksheet .worksheet-details .header i {
  background: url("../image/worksheet-arror.png") no-repeat center center;
  width: 20px;
  height: 16px;
  display: inline-block;
}
body main.worksheet .worksheet-details .header .close {
  color: #000;
  opacity: 1;
  margin-top: 20px;
}
body main.worksheet .worksheet-details .body {
  height: calc(100% - 60px);
  overflow: hidden;
}
body main.worksheet .worksheet-details .body > div {
  padding: 0px 20px;
  height: 100%;
  overflow-y: auto;
}
body main.worksheet .worksheet-details .body .info {
  float: left;
  border-right: 1px solid #e5e5e5;
  width: calc(100% - 300px);
}
body main.worksheet .worksheet-details .body .info > div {
  background: #edf0f4;
  margin: 20px auto;
  padding: 19px 22px 12px 20px;
}
body main.worksheet .worksheet-details .body .info > div .inforow .name {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  margin: 10px auto;
}
body main.worksheet .worksheet-details .body .info > div .inforow .value {
  font-size: 12px;
  color: #000;
  margin: 10px auto;
}
body main.worksheet .worksheet-details .body .info > div .inforow .name .control-label {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  word-wrap: break-word;
}
body main.worksheet .worksheet-details .body .info > div .inforow .value .control-label {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  word-wrap: break-word;
}
body main.worksheet .worksheet-details .body .info .permission_list {
  padding: 0px;
  background: #d2d7e1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body main.worksheet .worksheet-details .body .info .permission_list .inforow {
  padding: 20px;
}
body main.worksheet .worksheet-details .body .info .ctrl {
  overflow: hidden;
}
body main.worksheet .worksheet-details .body .info .ctrl h3 {
  font-size: 12px;
  color: #000;
}
body main.worksheet .worksheet-details .body .info .ctrl label.status {
  background: #6b798c;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  padding: 1px 6px;
  font-weight: normal;
  display: inline-block;
  float: left;
  margin-top: 20px;
}
body main.worksheet .worksheet-details .body .info .ctrl button {
  width: 100px;
  margin-left: 10px;
}
body main.worksheet .worksheet-details .body .info > label {
  font-size: 12px;
  color: #000;
}
body main.worksheet .worksheet-details .body .timeline {
  float: left;
  width: 300px;
  padding: 20px;
}
body main.worksheet .worksheet-details .body .timeline > label {
  font-size: 12px;
  color: #000;
  float: left;
  margin-bottom: 20px;
}
body main.worksheet .worksheet-details .body .timeline .item {
  float: left;
  clear: left;
  overflow: hidden;
}
body main.worksheet .worksheet-details .body .timeline .item .icon {
  float: left;
}
body main.worksheet .worksheet-details .body .timeline .item .content {
  float: left;
  padding-left: 17px;
}
body main.worksheet .worksheet-details .body .timeline .item .content .title {
  font-size: 12px;
  color: #000;
}
body main.worksheet .worksheet-details .body .timeline .item .content .des {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
}
body .resource_add {
  width: 36px;
  height: 32px;
  display: block;
  background: url("../image/resource_add.png") no-repeat center center;
  cursor: pointer;
}
body main.business {
  width: calc(100% - 40px);
  height: calc(100% - 100px);
  margin: 20px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
}
body main.business section {
  height: 100%;
  overflow-y: auto;
}
body main.business section:before {
  display: block;
  box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.2);
  background-color: #fff;
  position: absolute;
  z-index: 2;
  height: calc(100% - 100px);
  width: 2px;
  left: 210px;
}
body main.business section:after {
  content: '';
  display: block;
  clear: both;
}
body main.business section article {
  background-color: #fff;
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 5px;
}
body main.business .pwd-setup-modal .modal-body {
  min-height: 400px;
}
body main.business .new_button {
  background-image: url("../image/new_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
body main.business .analysis .canvas {
  position: relative;
  overflow: hidden;
}
body main.business .analysis .canvas .popover.right {
  min-width: 155px;
}
body main.business .analysis .canvas .popover.right > .arrow {
  left: -10px;
}
body main.business .analysis .canvas .popover.right .popover-content {
  padding: 0px;
}
body main.business .analysis .canvas .popover.right span.data {
  color: #1ec486;
  font-size: 24px;
}
body main.business .analysis .canvas .popover.right span.name {
  color: #000;
  font-size: 12px;
  margin-left: 10px;
}
body main.business .analysis .canvas .axis .tick text {
  font-weight: 200;
  letter-spacing: 1px;
  fill: rgba(0,0,0,0.5);
}
body main.business .analysis .canvas .x.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
body main.business .analysis .canvas .x.axis path {
  display: none;
}
body main.business .analysis .canvas .x.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
}
body main.business .analysis .canvas .y.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
body main.business .analysis .canvas .y.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
  transform: translate(-24px, 5px);
}
body main.business .analysis .canvas .area {
  opacity: 0.5;
  fill: url("#mainGradient");
}
body main.business .analysis .canvas .axis .domain {
  display: none;
}
body main.business .analysis .canvas .stop-left1 {
  stop-color: #11d7d0;
}
body main.business .analysis .canvas .stop-right1 {
  stop-color: #008aff;
}
body main.business .analysis .canvas .stop-left2 {
  stop-color: #11abd7;
}
body main.business .analysis .canvas .stop-right2 {
  stop-color: #006cff;
}
body main.business .analysis .canvas .overlay {
  pointer-events: all;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1061;
}
body main.business .analysis .canvas .line {
  fill: none;
  stroke: #13c27b;
  stroke-width: 1px;
  opacity: 0.8;
}
body main.business .slider .service_header {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
}
body main.business .slider .service_header .logo {
  width: 62px;
  margin-left: 86px;
}
body main.business .slider .service_header h2 {
  margin: 0px;
  margin-top: 12px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
}
body main.business #type_tree {
  width: 100%;
  overflow: hidden;
}
body main.business #type_tree .jstree-anchor {
  -webkit-transition: none !important;
  transition: none !important;
}
body main.business #type_tree .jstree-clicked,
body main.business #type_tree .jstree-hovered {
  background: #00cfe2 !important;
  box-shadow: none !important;
}
body main.business #type_tree .jstree-anchor1 {
  -webkit-transition: none !important;
  transition: none !important;
}
body main.business #type_tree > ul1 > li > .jstree-icon {
  background-position: -24px 0px !important;
}
body main.business #type_tree > ul1 > li > a > .jstree-icon {
  background-position: -260px 2px;
}
body main.business #type_tree > ul1 > li > .jstree-clicked > .jstree-icon {
  background-position: -260px -63px;
  margin-right: -9px;
}
body main.business #type_tree > ul1 > li ul li a > .jstree-icon {
  background-position: -258px 2px;
}
body main.business #type_tree > ul1 > li ul li > .jstree-clicked > .jstree-icon {
  background-position: -258px -63px;
  margin-right: -9px;
}
body main.business #type_tree > ul1 > li ul .jstree-leaf > .jstree-clicked {
  text-indent: 0px;
}
body main.business #type_tree > ul1 > li ul .jstree-leaf > .jstree-clicked > .jstree-icon {
  background-position: -98px -63px;
  margin-right: -9px;
}
body main.business .execute_record {
  overflow: hidden;
}
body main.business .execute_record .timeline_normal {
  width: 100%;
  background: #edf0f4;
  padding-left: 70px;
  margin-top: 40px;
}
body main.business .execute_record .timeline_normal .item {
  width: 100%;
}
body main.business .execute_record .timeline_normal .item .datetime {
  font-size: 12px;
  color: #000;
  margin-top: -4px;
}
body main.business .execute_record .timeline_normal .item .ctrl {
  margin-top: -9px;
}
body main.business .execute_record .timeline_normal .item .ctrl a {
  color: #000;
  text-decoration: underline !important;
}
body main.business .execute_record .header {
  overflow: hidden;
}
body main.business .execute_record .header .item {
  width: 50%;
  float: left;
}
body main.business .execute_record .header .item .count {
  font-size: 32px;
  color: #00cfe2;
  font-weight: bold;
  float: left;
  display: block;
  text-align: center;
  width: 100%;
}
body main.business .execute_record .header .item .name {
  font-size: 12px;
  opacity: 0.7;
  float: left;
  clear: left;
  display: block;
  text-align: center;
  font-weight: bold;
  width: 100%;
}
body main.business .dashboard {
  padding: 20px;
}
body main.business .dashboard > .left,
body main.business .dashboard > .right {
  width: calc(50% - 10px);
  height: 318px;
  border: 1px solid #e5e5e5;
  float: left;
  margin-bottom: 20px;
}
body main.business .dashboard > .left h3,
body main.business .dashboard > .right h3 {
  font-size: 16px;
  color: #010101;
  margin-left: 18px;
  margin-top: 21px;
}
body main.business .dashboard > .left h3.table_title,
body main.business .dashboard > .right h3.table_title {
  font-size: 16px;
  color: #010101;
  line-height: 42px;
  float: left;
  text-indent: 18px;
  margin: 0px;
}
body main.business .dashboard > .left .scrollable-qztable-wrap,
body main.business .dashboard > .right .scrollable-qztable-wrap {
  float: left;
  clear: both;
  width: 100%;
}
body main.business .dashboard > .left .scrollable-qztable-wrap .table-footer,
body main.business .dashboard > .right .scrollable-qztable-wrap .table-footer {
  display: none;
}
body main.business .dashboard > .left .time_ago,
body main.business .dashboard > .right .time_ago {
  font-size: 12px;
  color: #4b5b6f;
  opacity: 0.5;
  margin-left: 20px;
  display: inline-block;
}
body main.business .dashboard > .left {
  margin-right: 20px;
}
body main.business .dashboard > .right .content,
body main.business .dashboard > .left .content {
  margin-top: 60px;
  overflow: hidden;
}
body main.business .dashboard > .right .content .item,
body main.business .dashboard > .left .content .item {
  width: 33%;
  float: left;
}
body main.business .dashboard > .right .content .item .count,
body main.business .dashboard > .left .content .item .count {
  font-size: 54px;
  color: #00cfe2;
  font-weight: normal;
  float: left;
  display: block;
  text-align: center;
  width: 100%;
}
body main.business .dashboard > .right .content .item .name,
body main.business .dashboard > .left .content .item .name {
  font-size: 12px;
  opacity: 0.7;
  float: left;
  clear: left;
  display: block;
  text-align: center;
  width: 100%;
}
body main.business .dashboard > .full {
  border: 1px solid #e5e5e5;
  float: left;
  width: 100%;
  min-height: 400px;
  overflow: hidden;
}
body main.business .dashboard > .full h3 {
  font-size: 16px;
  color: #010101;
  line-height: 42px;
  float: left;
  text-indent: 18px;
}
body main.business .dashboard > .full .time_ago {
  font-size: 12px;
  color: #4b5b6f;
  opacity: 0.5;
  margin-left: 20px;
  display: inline-block;
}
body main.business .dashboard > .full .popover {
  width: 240px;
  height: 240px;
  padding: 0px;
}
body main.business .dashboard > .full .popover .popover-content {
  padding: 0px;
}
body main.business .dashboard > .full .scrollable-qztable-wrap {
  float: left;
  clear: left;
  width: 100%;
}
body main.business .audits {
  width: calc(100% - 210px);
  padding: 0px 20px;
}
body main.business .audits .advance_search_form .datepicker-divide {
  position: absolute;
  margin-left: 10px;
  line-height: 34px;
  font-size: 26px;
}
body main.business .audits .advance_search_form .control-label {
  text-align: right;
  word-wrap: break-word;
}
body main.business .audits-session-count {
  margin-left: -20px;
  padding: 0px;
}
body main.business .audits-session-count h1 {
  font-size: 16px;
  line-height: 42px;
  color: #000;
  text-indent: 20px;
  font-weight: normal;
  margin: 10px auto;
}
body main.business .audit-online-user-widget .content {
  padding: 20px;
  padding-top: 0px;
}
body main.business .audit-online-user-widget .content .search_input {
  height: 32px;
  border-radius: 3px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 2px center;
  background-size: auto 100%;
  padding-left: 37px;
  width: 100%;
  float: left;
}
body main.business .audit-online-user-widget .content .user_list {
  float: left;
  clear: left;
  margin-top: 10px;
  width: 100%;
  height: 264px;
  overflow-y: auto;
}
body main.business .audit-online-user-widget .content .user_list li {
  width: 100%;
  height: 32px;
  line-height: 32px;
  display: block;
  float: left;
  clear: left;
  cursor: pointer;
  position: relative;
}
body main.business .audit-online-user-widget .content .user_list li:hover .force_out {
  display: block;
}
body main.business .audit-online-user-widget .content .user_list li span {
  color: #000;
  display: inline-block;
  width: 100px;
}
body main.business .audit-online-user-widget .content .user_list li .force_out {
  font-size: 12px;
  margin-right: 12px;
  float: right;
  position: absolute;
  right: 0px;
  top: 2px;
  z-index: 2;
  display: none;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas {
  position: relative;
  overflow: hidden;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .popover.right {
  min-width: 155px;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .popover.right > .arrow {
  left: -10px;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .popover.right .popover-content {
  padding: 0px;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .popover.right span.data {
  color: #1ec486;
  font-size: 24px;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .popover.right span.name {
  color: #000;
  font-size: 12px;
  margin-left: 10px;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .axis .tick text {
  font-weight: 200;
  letter-spacing: 1px;
  fill: rgba(0,0,0,0.5);
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .x.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .x.axis path {
  display: none;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .x.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .y.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .y.axis .tick:first-child line {
  stroke-dasharray: 0;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .y.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
  transform: translate(-24px, 5px);
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .y.axis .tick line {
  stroke-dasharray: 4;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .axis .domain {
  display: none;
}
body main.business .audit-the-last-week-login-user-count-widget .canvas .bar {
  fill: #12d5c1;
}
body main.business .audits-last-month-message-session-widget .canvas {
  position: relative;
  overflow: hidden;
}
body main.business .audits-last-month-message-session-widget .canvas .popover.right {
  min-width: 155px;
}
body main.business .audits-last-month-message-session-widget .canvas .popover.right > .arrow {
  left: -10px;
}
body main.business .audits-last-month-message-session-widget .canvas .popover.right .popover-content {
  padding: 0px;
}
body main.business .audits-last-month-message-session-widget .canvas .popover.right span.data {
  color: #1ec486;
  font-size: 24px;
}
body main.business .audits-last-month-message-session-widget .canvas .popover.right span.name {
  color: #000;
  font-size: 12px;
  margin-left: 10px;
}
body main.business .audits-last-month-message-session-widget .canvas .axis .tick text {
  font-weight: 200;
  letter-spacing: 1px;
  fill: rgba(0,0,0,0.5);
}
body main.business .audits-last-month-message-session-widget .canvas .x.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
body main.business .audits-last-month-message-session-widget .canvas .x.axis path {
  display: none;
}
body main.business .audits-last-month-message-session-widget .canvas .x.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
}
body main.business .audits-last-month-message-session-widget .canvas .y.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
body main.business .audits-last-month-message-session-widget .canvas .y.axis .tick:first-child line {
  stroke-dasharray: 0;
}
body main.business .audits-last-month-message-session-widget .canvas .y.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
  transform: translate(-24px, 5px);
}
body main.business .audits-last-month-message-session-widget .canvas .y.axis .tick line {
  stroke-dasharray: 4;
}
body main.business .audits-last-month-message-session-widget .canvas .axis .domain {
  display: none;
}
body main.business .audits-last-month-message-session-widget .canvas .line {
  fill: none;
  stroke-width: 1px;
  opacity: 0.8;
}
body main.business .audit-client-segment-widget .canvas {
  overflow: hidden;
  width: 49%;
  float: left;
}
body main.business .change-pwd-plan-widget .time_ago {
  font-size: 12px;
  color: #4b5b6f;
  opacity: 0.5;
  margin-left: 20px;
  display: inline-block;
}
body main.business .change-pwd-plan-widget .popover {
  width: 240px;
  height: 240px;
  padding: 0px;
}
body main.business .change-pwd-plan-widget .popover .popover-content {
  padding: 0px;
}
body main.business .change-pwd-plan-widget .scrollable-qztable-wrap {
  float: left;
  clear: left;
  width: 100%;
}
body main.business .access .with-shadow {
  width: calc(100% - 244px);
}
body main.business .access .search_state {
  width: 100%;
  border-bottom: 2px solid #ddd;
  padding: 20px 0px 10px 0px;
}
body main.business .access .serv_sys_slider {
  width: 300px;
  padding: 0px;
  padding-bottom: 20px;
}
body main.business .access .serv_sys_slider .service_header {
  width: 100%;
  margin-top: 40px;
}
body main.business .access .serv_sys_slider .service_header .logo {
  width: 62px;
  margin-left: 118px;
}
body main.business .access .serv_sys_slider .service_header h2 {
  margin-top: 12px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
}
body main.business .access .serv_sys_slider #serv_sys_tree {
  margin-left: 5px;
  margin-top: 57px;
}
body main.business .access .serv_sys_slider #serv_sys_tree .jstree-anchor {
  -webkit-transition: none !important;
  transition: none !important;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li > .jstree-icon {
  background-position: -24px 0px !important;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li > a > .jstree-icon {
  background-position: -260px 2px;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li > .jstree-clicked > .jstree-icon {
  background-position: -260px -63px;
  margin-right: -9px;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li ul li a > .jstree-icon {
  background-position: -258px 2px;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li ul li > .jstree-clicked > .jstree-icon {
  background-position: -258px -63px;
  margin-right: -9px;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li ul .jstree-closed > .jstree-clicked > .jstree-icon {
  background-position: -218px -63px;
  margin-right: -9px;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li ul .jstree-leaf > .jstree-clicked {
  text-indent: 0px;
  word-wrap: break-word;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > li ul .jstree-leaf > .jstree-clicked > .jstree-icon {
  background-position: -98px -63px;
  margin-right: -9px;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > .jstree-closed .jstree-ocl {
  background-position: 7px 0px !important;
}
body main.business .access .serv_sys_slider #serv_sys_tree > ul > .jstree-closed > .jstree-clicked > .jstree-icon {
  background-position: -220px -63px;
  margin-right: -9px;
}
body main.business .access .device-access-modal {
  width: 500px;
}
body main.business .access .resource_in_serv_sys {
  width: calc(100% - 300px);
  padding: 20px;
}
body main.business .access .resource_in_serv_sys h1 {
  font-size: 16px;
  font-weight: normal;
}
body main.business .access .resource_in_serv_sys .filters_view {
  margin-top: 30px;
}
body main.business .access .resource_in_serv_sys .filters_view:after {
  content: '';
  display: block;
  clear: both;
}
body main.business .access .resource_in_serv_sys .filters_view .item {
  float: left;
  margin-right: 10px;
}
body main.business .access .resource_in_serv_sys .filters_view .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
.device-access-modal .modal-body .filters_view .item .search_input{
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 100%;
}
body main.business .access .resource_in_serv_sys .filters_view .item .ui-select-container {
  box-sizing: border-box;
}
body main.business .access .resource_in_serv_sys .filters_view .item .ui-select-container .btn-default {
  line-height: 32px;
  height: 32px;
}
body main.business .access .resource_in_serv_sys .filters_view .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body main.business .access .resource_in_serv_sys .filters_view .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.business .access .resource_in_serv_sys .filters_view .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body main.business .access .resource_in_serv_sys .filters_view .filters_view .form-group {
  margin-bottom: 4px;
}
body main.business .access .resource_in_serv_sys .filters_view .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body main.business .access .resource_in_serv_sys .filters_view .filters_view .form-group .form-control {
  width: 100%;
}
body main.business .access .resource_in_serv_sys .filters_view .filters_view .form-group .apply_filter {
  width: 100px;
}
body main.business .access .resource_in_serv_sys .filters_view .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
body main.business .access #recents,
body main.business .access #favs {
  padding: 0px;
}
body main.business .access #recents .resource_list tbody tr,
body main.business .access #favs .resource_list tbody tr {
  background-color: #fff;
}
body main.business .access #recents .resource_list tbody tr td.system_type,
body main.business .access #favs .resource_list tbody tr td.system_type {
  width: 50px;
}
body main.business .access #recents .resource_list tbody tr td.name,
body main.business .access #favs .resource_list tbody tr td.name {
  width: 1%;
  padding: 0px 30px;
  font-weight: bold;
  white-space: nowrap;
}
body main.business .access #recents .resource_list tbody tr td,
body main.business .access #favs .resource_list tbody tr td {
  background: transparent;
  color: #000;
}
body main.business .access #recents .resource_list tbody tr td .quick_access > img,
body main.business .access #favs .resource_list tbody tr td .quick_access > img {
  float: left;
  cursor: pointer;
}
body main.business .access #recents .resource_list tbody tr td .quick_access .content,
body main.business .access #favs .resource_list tbody tr td .quick_access .content {
  float: left;
  font-size: 12px;
  padding-top: 2px;
}
body main.business .access #recents .resource_list tbody tr td .quick_access .content .protocol,
body main.business .access #favs .resource_list tbody tr td .quick_access .content .protocol {
  float: left;
  font-weight: 400;
}
body main.business .access #recents .resource_list tbody tr td .quick_access .content .account,
body main.business .access #favs .resource_list tbody tr td .quick_access .content .account {
  float: left;
  clear: both;
}
body main.business .access #recents .resource_list tbody tr td .more_config,
body main.business .access #favs .resource_list tbody tr td .more_config {
  width: 450px;
  display: block;
  z-index: 9999;
  cursor: auto;
  left: -330px;
}
body main.business .access #recents .resource_list tbody tr td .more_config .tab,
body main.business .access #favs .resource_list tbody tr td .more_config .tab {
  margin: 0px;
  margin-bottom: -2px;
}
body main.business .access #recents .resource_list tbody tr td .more_config .tab a,
body main.business .access #favs .resource_list tbody tr td .more_config .tab a {
  padding: 12px 20px;
  float: left;
  text-indent: 0px;
}
body main.business .access #recents .resource_list tbody tr td .more_config .tab-content .tab-pane,
body main.business .access #favs .resource_list tbody tr td .more_config .tab-content .tab-pane {
  padding: 30px 0px 10px 0px;
}
body main.business .access #recents .resource_list tbody tr td .more_config .tab-content .tab-pane .ui-select-choices-row.active > a,
body main.business .access #favs .resource_list tbody tr td .more_config .tab-content .tab-pane .ui-select-choices-row.active > a {
  color: #fff;
}
body main.business .access #recents .resource_list tbody tr td .config_view_bg,
body main.business .access #favs .resource_list tbody tr td .config_view_bg {
  cursor: auto;
  background: #fff;
  opacity: 0.01;
  z-index: 9998;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.business .access #recents .resource_list tfoot,
body main.business .access #favs .resource_list tfoot {
  border-top: 2px solid #ddd;
}
body main.settings {
  width: calc(100% - 40px);
  height: calc(100% - 100px);
  margin: 20px;
  background: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
}
body main.settings .nav-tabs .tab {
  margin-left: 0px;
  margin-right: 28px;
}
body main.settings .nav-tabs .tab a {
  font-size: 14px;
}
body main.settings section {
  height: 100%;
  padding: 0px 0px 0px 20px;
  overflow-y: auto;
}
body main.settings section:before {
  display: block;
  box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.2);
  background-color: #fff;
  position: absolute;
  z-index: 2;
  height: calc(100% - 100px);
  width: 2px;
  left: 210px;
}
body main.settings section:after {
  content: '';
  display: block;
  clear: both;
}
body main.settings section .setting-title {
  color: #010101;
  font-size: 14px;
  line-height: 57px;
  font-weight: normal;
}
body main.settings section h2 {
  color: #010101;
  font-size: 14px;
  line-height: 45px;
}
body main.settings section .form-horizontal {
  max-width: 1000px;
}
body main.settings section article {
  background-color: #fff;
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 5px;
}
body main.settings section .user_list_header {
  width: 100%;
  background-color: #fff;
  padding-bottom: 20px;
  overflow: hidden;
}
body main.settings section .user_list_header h1 {
  font-size: 16px;
  font-weight: normal;
  margin-left: 6px;
  margin-top: 19px;
  float: left;
}
body main.settings section .user_list_header .info {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 12px;
  overflow: hidden;
}
body main.settings section .user_list_header .info div {
  width: 12.5%;
  float: left;
  cursor: pointer;
}
body main.settings section .user_list_header .info div .count {
  font-size: 36px;
  font-weight: 400;
  color: #00cfe2;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 200;
}
body main.settings section .user_list_header .info div .name {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  display: block;
  width: 100%;
  text-align: center;
  margin-top: -6px;
  font-weight: 200;
}
body main.settings section .users_view {
  padding: 6px 20px 10px 7px;
}
body main.settings section .users_view:after {
  content: '';
  display: block;
  clear: both;
}
body main.settings section .users_view .filter {
  float: left;
  width: 100%;
  position: relative;
}
body main.settings section .users_view .filter .item {
  float: left;
}
body main.settings section .users_view .filter .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body main.settings section .users_view .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
body main.settings section .users_view .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body main.settings section .users_view .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body main.settings section .users_view .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body main.settings section .users_view .filter .filters_view .form-group {
  margin-bottom: 4px;
}
body main.settings section .users_view .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body main.settings section .users_view .filter .filters_view .form-group .form-control {
  width: 100%;
}
body main.settings section .users_view .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
body main.settings section .users_view .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
body main.settings section .users_view .filter .ctrl {
  float: right;
}
body main.settings section .users_view .filter .ctrl .new-user {
  background-image: url("../image/new_user_button_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  margin-right: 10px;
}
body main.settings section .users_view .filter .ctrl .import-user {
  background-image: url("../image/import_user_button_icon.png");
  text-indent: 28px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
}
body main.settings section .users_view .filter .ctrl .link-user {
  background-image: url("../image/link_user_button_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
body main.settings section .users_view .user_list {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}
body main.settings section .users_view .user_list table .user-groups {
  padding: 0px 10px;
}
body main.settings section .user-batch-form {
  padding: 0px;
}
body main.settings section .user-batch-form .user_list {
  width: 156px;
  float: left;
  min-height: 100px;
  border-right: 1px solid #e5e5e5;
  padding: 20px 30px;
  box-sizing: border-box;
}
body main.settings section .user-batch-form .user_list h2 {
  font-size: 14px;
  color: #010101;
  font-weight: normal;
}
body main.settings section .user-batch-form .user_list ul {
  margin-top: 10px;
}
body main.settings section .user-batch-form .user_list ul li {
  line-height: 40px;
}
body main.settings section .user-batch-form .user_form {
  float: left;
  padding: 30px;
  border-left: 1px solid #e5e5e5;
  margin-left: -1px;
  width: calc(100% - 156px);
}
body main.settings .user-nav-manage-modal {
  width: 450px;
  margin-top: 273px;
}
body main.settings .user-nav-modal {
  width: 410px;
  margin-top: 273px;
}
body main.settings .user-nav-modal .user-nav-name-tip {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  padding-left: 16px;
  padding-top: 14px;
}
body main.settings .user-details h2 {
  font-size: 12px;
  color: #000;
  padding: 20px 0px;
}
body main.settings .user-details .infowrap {
  background: #edf0f4;
  padding: 30px 20px;
  padding-bottom: 10px;
  margin: 0px;
}
body main.settings .user-details .infowrap .name {
  color: rgba(0,0,0,0.7);
  height: 41px;
}
body main.settings .user-details .infowrap .value {
  color: #000;
  height: 41px;
}
body main.settings .user-import-form header {
  overflow: hidden;
}
body main.settings .user-import-form .file-upload-wrap {
  width: 100%;
  height: 500px;
  border: 3px dotted #e5e5e5;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  background: url("../image/user-file-upload-icon.png") no-repeat center center;
}
body main.settings .user-import-form .user-import-wrap {
  margin-top: 20px;
  margin-bottom: 10px;
}
body main.settings .user-import-form .user-import-wrap table tbody {
  border: none;
}
body main.settings .user-import-form .user-import-wrap table tbody td {
  padding: 0px;
}
body main.settings .user-import-form .user-import-wrap table tbody td input {
  border: none;
  background: transparent;
  line-height: 32px;
  padding: 0px 10px;
  width: 100%;
}
body main.settings .user-import-form .user-import-wrap table tbody td input.ng-invalid {
  background: #fff;
  border: 1px solid #f00;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
body main.settings .roles .role-list {
  width: 294px;
  float: left;
  height: 100%;
  overflow: hidden;
}
body main.settings .roles .role-list header {
  padding-top: 23px;
}
body main.settings .roles .role-list header h1 {
  font-weight: normal;
  font-size: 16px;
  color: #000;
  float: left;
}
body main.settings .roles .role-list ul {
  width: 100%;
  height: calc(100% - 67px);
  margin-top: 25px;
  padding-left: 20px;
  overflow-y: auto;
  float: left;
}
body main.settings .roles .role-list ul li {
  float: left;
  clear: left;
  width: 120%;
  height: 104px;
  background: #ebeef2;
  border-radius: 4px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 20px center;
  cursor: pointer;
}
body main.settings .roles .role-list ul li .name {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  float: left;
  margin-left: 100px;
  margin-top: 30px;
}
body main.settings .roles .role-list ul li .ename {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  float: left;
  clear: left;
  margin-top: 0px;
  margin-left: 100px;
}
body main.settings .roles .role-list ul li.active {
  background-color: #00cfe2;
}
body main.settings .roles .role-list ul li.active .name {
  color: #fff;
}
body main.settings .roles .role-list ul li.active .ename {
  color: rgba(255,255,255,0.5);
}
body main.settings .roles .role-details {
  width: calc(100% - 295px);
  padding-left: 20px;
  padding-bottom: 20px;
  height: 100%;
  float: left;
  overflow-y: auto;
}
body main.settings .roles .role-details > .setting-list {
  max-width: 840px;
  overflow: hidden;
}
body main.settings .roles .role-details > .setting-list > li {
  width: 156px;
  height: 32px;
  background-color: #ebeef2;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  background-repeat: no-repeat;
  background-position: center 27px;
  background-size: 64px auto;
  cursor: pointer;
  position: relative;
}
body main.settings .roles .role-details > .setting-list > li span {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: left;
  color: #000;
  margin-top: 6px;
  padding: 0px 20px;
}
body main.settings .roles .role-details > .setting-list > li .checkbox {
  pointer-events: none;
  position: absolute;
  left: 140px;
  bottom: 10px;
}
body main.settings .roles .role-details > .service-list {
  max-width: 840px;
  overflow: hidden;
}
body main.settings .roles .role-details > .service-list > li {
  width: 156px;
  height: 156px;
  background-color: #ebeef2;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  background-repeat: no-repeat;
  background-position: center 27px;
  background-size: 64px auto;
  cursor: pointer;
  position: relative;
}
body main.settings .roles .role-details > .service-list > li span {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: center;
  color: rgba(0,0,0,0.7);
  margin-top: 98px;
}
body main.settings .roles .role-details > .service-list > li .checkbox {
  pointer-events: none;
  position: absolute;
  left: 140px;
  bottom: 135px;
}
body main.settings .groups {
  padding: 0px;
  overflow: hidden;
}
body main.settings .groups .add-group {
  width: 32px;
  height: 32px;
  border: none;
  background: url("../image/group_add_icon.png") no-repeat center center;
  margin-top: -8px;
}
body main.settings .groups .group-list {
  width: 293px;
  height: 100%;
  float: left;
}
body main.settings .groups .group-list header {
  padding: 22px;
}
body main.settings .groups .group-list header h1 {
  font-weight: normal;
  font-size: 16px;
  color: #000;
  float: left;
}
body main.settings .groups .group-list header .add-group {
  float: right;
}
body main.settings .groups .group-list .search_input {
  margin-top: 20px;
  width: 100%;
  border-radius: 0px;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 95%;
  padding-left: 43px;
  height: 32px;
  font-size: 12px;
}
body main.settings .groups .group-list > ul {
  width: 100%;
  height: calc(100% - 100px);
  overflow-y: auto;
}
body main.settings .groups .group-list > ul > li {
  width: 100%;
  height: 78px;
  box-sizing: border-box;
  padding: 20px 30px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
body main.settings .groups .group-list > ul > li .name {
  display: inline-block;
  line-height: 32px;
  font-size: 14px;
  color: #000;
  float: left;
}
body main.settings .groups .group-list > ul > li .count {
  display: inline-block;
  line-height: 32px;
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  float: right;
}
body main.settings .groups .group-users {
  width: calc(100% - 293px);
  padding-left: 10px;
  min-height: 100%;
  float: left;
  overflow-y: auto;
}
body main.settings .groups .group-users .user_group_name {
  font-weight: normal;
}
body main.settings .groups .group-users .user_group_name_with_edit {
  background-image: url("../image/group_list_title_icon.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 90%;
  padding-right: 22px;
}
body main.settings .service-editor {
  background-image: url("../image/editor_bg.png");
  padding: 0px;
}
body main.settings .service-editor text {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
body main.settings .service-editor .editor_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body main.settings .service-editor .editor_wrap .top-nav {
  width: 100%;
  height: 60px;
  float: left;
  background-color: #fff;
}
body main.settings .service-editor .editor_wrap .top-nav h1 {
  font-size: 16px;
  color: #000;
  line-height: 60px;
  text-indent: 20px;
  float: left;
  display: inline-block;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft {
  float: left;
  margin-left: 40px;
  line-height: 16px;
  height: 16px;
  margin-top: 20px;
  margin-right: 15px;
  cursor: pointer;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-toggle {
  font-size: 12px;
  color: #000;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu {
  top: 144%;
  left: 0%;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.275);
  box-shadow: 0 0px 30px rgba(0,0,0,0.275);
  min-width: 100px;
  width: 211px;
  max-height: 330px;
  overflow: auto;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu li.draft {
  border-bottom: 1px solid #e5e5e5;
  height: 66px;
  padding: 14px 21px;
  position: relative;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu li.draft:last-child {
  border-bottom: none;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu li.draft a {
  padding: 3px 10px;
  text-indent: 0px;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu li.draft .title {
  display: block;
  font-size: 12px;
  color: #000;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu li.draft .save_time {
  font-size: 12px;
  color: #000;
  opacity: 0.5;
  display: block;
  margin-top: 6px;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu li.draft .del-button {
  display: none;
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
  position: absolute;
  right: 6px;
  top: 10px;
}
body main.settings .service-editor .editor_wrap .top-nav .more_draft .dropdown-menu li.draft:hover .del-button {
  display: block;
}
body main.settings .service-editor .editor_wrap .top-nav .button_group {
  height: 18px;
  border-left: 1px solid #ccc;
  overflow: hidden;
  float: left;
  margin-top: 20px;
  padding: 0px 5px;
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .btn {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin-left: 12px;
  margin-right: 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .btn:active {
  box-shadow: none;
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .save {
  background-image: url("../image/editor_save.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .play {
  background-image: url("../image/editor_play.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .deploy {
  background-image: url("../image/editor_deploy.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .undo {
  background-image: url("../image/editor_undo.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .redo {
  background-image: url("../image/editor_redo.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .copy {
  background-image: url("../image/editor_copy.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .paste {
  background-image: url("../image/editor_paste.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .vertical {
  background-image: url("../image/editor_vertical.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .horizontal {
  background-image: url("../image/editor_horizontal.png");
}
body main.settings .service-editor .editor_wrap .top-nav .button_group .del {
  background-image: url("../image/editor_del.png");
}
body main.settings .service-editor .editor_wrap .menu {
  background: #fff;
  display: none;
  position: relative;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
}
body main.settings .service-editor .editor_wrap .menu li {
  width: 108px;
  float: left;
  clear: left;
  cursor: pointer;
  font-size: 12px;
  color: #000;
  height: 32px;
  line-height: 32px;
  padding: 0px 11px;
}
body main.settings .service-editor .editor_wrap .menu > li:hover {
  background-color: #eee;
  color: #000;
}
body main.settings .service-editor .editor_wrap .canvas {
  width: 100%;
  height: calc(100% - 60px);
  float: left;
  position: relative;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar {
  width: 50px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: url("../image/editor_handler.png") no-repeat center 4px;
  background-color: #222a34;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 12px;
  box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .search_wrap {
  height: 50px;
  width: 150px;
  margin: -10px -10px 0px -10px;
  background: #f1f3f6;
  border-bottom: 1px solid #d9dee4;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .search_wrap .search_input {
  background: transparent;
  border: none;
  width: 115px;
  height: 50px;
  line-height: 50px;
  padding: 10px;
  color: #000;
  float: left;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .search_wrap .clear {
  width: 35px;
  height: 50px;
  float: left;
  background: url("../image/editor_clear.png") no-repeat center center;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item {
  width: 50px;
  height: 50px;
  margin-bottom: 7px;
  float: left;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.subs:before {
  content: ' ';
  width: 6px;
  height: 6px;
  display: block;
  margin-left: 41px;
  margin-top: 21px;
  position: absolute;
  background: url("../image/unit_bar_corner.png") no-repeat center center;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.search {
  background: url("../image/editor_search.png") no-repeat center 19px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.flow {
  background: url("../image/editor_link.png") no-repeat center 8px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.start {
  background: url("../image/editor_start.png") no-repeat center 8px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.end {
  background: url("../image/editor_end.png") no-repeat center 8px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.manual {
  background: url("../image/editor_people.png") no-repeat center 8px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.unit {
  background: url("../image/editor_auto.png") no-repeat center 8px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.gateway {
  background: url("../image/editor_router.png") no-repeat center 8px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item:hover {
  background-color: #414d5c;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item:last-child {
  margin-bottom: 17px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.active {
  background-color: #090c0f;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item > span {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 33px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list {
  box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
  width: 150px;
  position: absolute;
  left: 50px;
  top: 12px;
  height: calc(100% - 12px);
  background: #fff;
  padding: 10px;
  overflow-y: auto;
  display: none;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div span {
  font-size: 12px;
  color: #a3a3a3;
  line-height: 40px;
  -webkit-user-select: none;
  user-select: none;
  float: left;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .unit {
  margin: 5px auto;
  width: 130px;
  height: 62px;
  cursor: move;
  float: left;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .unit span {
  font-size: 12px;
  user-select: none;
  -webkit-user-select: none;
  line-height: 62px;
  text-indent: 45px;
  color: #4b596c;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .UserTask {
  background: url("../image/unit_UserTask.png") no-repeat center center;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .ServiceTask {
  background: url("../image/unit_ServiceTask.png") no-repeat center center;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .ExclusiveGateway {
  background: url("../image/unit_ExclusiveGateway.png") no-repeat center center;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .ParallelGateway {
  background: url("../image/unit_ParallelGateway.png") no-repeat center center;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .ExclusiveGateway,
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .ParallelGateway {
  background-position: center 8px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .ExclusiveGateway span,
body main.settings .service-editor .editor_wrap .canvas .units_bar .item .list div .ParallelGateway span {
  line-height: 1em;
  margin-top: 50px;
}
body main.settings .service-editor .editor_wrap .canvas .units_bar .item.active .list {
  display: block;
}
body main.settings .service-editor .editor_wrap .canvas g.unit {
  cursor: default;
}
body main.settings .service-editor .editor_wrap .canvas g.unit text.title {
  -webkit-user-select: none;
  user-select: none;
}
body main.settings .service-editor .editor_wrap .canvas path.link,
body main.settings .service-editor .editor_wrap .canvas path.new-link {
  fill: none;
  stroke: #b9c5d8;
  stroke-width: 1px;
}
body main.settings .service-editor .editor_wrap .canvas path.linkClickable {
  fill: none;
  stroke: transparent;
  stroke-width: 8px;
}
body main.settings .service-editor .editor_wrap .properties_editor {
  position: absolute;
  z-index: 999;
  top: 0px;
  right: -110%;
  width: 480px;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
  transition: all ease-in-out 0.4s;
  opacity: 0.5;
}
body main.settings .service-editor .editor_wrap .properties_editor.active {
  right: 0px;
  opacity: 1;
}
body main.settings .service-editor .editor_wrap .properties_editor .header {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #dde1e6;
}
body main.settings .service-editor .editor_wrap .properties_editor .header h1 {
  float: left;
  display: block;
  height: 60px;
  line-height: 60px;
  text-indent: 20px;
  font-size: 16px;
  color: #000;
}
body main.settings .service-editor .editor_wrap .properties_editor .header h1 .new {
  color: #00cfe2;
}
body main.settings .service-editor .editor_wrap .properties_editor .header .close {
  float: right;
  margin: 20px;
  opacity: 1;
}
body main.settings .service-editor .editor_wrap .properties_editor .body {
  padding: 20px;
  height: calc(100% - 62px);
  width: 100%;
  overflow-y: auto;
}
body main.settings .service-editor .editor_wrap .properties_editor .body .form-group .field_ctrl {
  overflow: hidden;
  margin-top: 2px;
  display: none;
}
body main.settings .service-editor .editor_wrap .properties_editor .body .form-group:hover .field_ctrl {
  display: block;
}
body main.settings .service-editor .editor_wrap .properties_editor .body .form-group:first-child .up-button {
  visibility: hidden;
}
body main.settings .service-editor .editor_wrap .properties_editor .body .form-group:last-child .down-button {
  visibility: hidden;
}
body main.settings .service-editor .editor_wrap .properties_editor .footer {
  padding: 20px;
  height: 77px;
  overflow: hidden;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}
body main.settings .service-editor .editor_wrap .properties_editor .footer button {
  width: 100px;
  margin-left: 10px;
}
body main.settings .service-editor .editor_wrap .properties_editor.with-footer .body {
  height: calc(100% - 62px - 77px);
}
body main.settings .service-editor .editor_wrap .properties_editor.unit_properties form .form-control {
  cursor: default;
  pointer-events: none;
}
body main.settings .service-editor .editor_wrap .properties_editor.field .edit_data_source {
  color: #000;
  text-decoration: underline;
}
body main.settings .service-editor .editor_wrap .mapping_editor {
  width: 560px;
}
body main.settings .service-editor .editor_wrap .mapping_editor .body {
  padding: 0px 20px;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas {
  height: 100%;
  position: relative;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .input {
  float: left;
  height: 100%;
  width: 50%;
  border-right: 1px solid #dde1e6;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .input h3 {
  float: left;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .output {
  float: left;
  width: 50%;
  height: 100%;
  border-left: 1px solid #dde1e6;
  margin-left: -1px;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .output h3 {
  float: right;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .input,
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .output {
  padding: 15px 0px;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .input h3,
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .output h3 {
  color: rgba(0,0,0,0.7);
  font-size: 12px;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .input h3 span,
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas .output h3 span {
  text-indent: 3px;
  font-size: 14px;
  color: #000;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas svg {
  position: absolute;
  left: 0px;
  top: 50px;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas svg .link {
  pointer-events: none;
}
body main.settings .service-editor .editor_wrap .mapping_editor .mapping_canvas svg .link path {
  fill: none;
  stroke: #34404f;
  stroke-width: 2px;
}
body main.settings .service-editor .editor_wrap .service_task_view .body .description {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
}
body main.settings .service-editor .editor_wrap .service_task_view .body .io_des {
  margin-top: 35px;
  width: 100%;
}
body main.settings .service-editor .editor_wrap .service_task_view .body .io_des h3 {
  font-size: 14px;
  color: #000;
}
body main.settings .service-editor .editor_wrap .service_task_view .body .io_des .item {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
  float: left;
  clear: left;
}
body main.settings .service-editor .editor_wrap .service_task_view .body .io_des .item .title {
  background: #34404f;
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0px 10px;
  margin-right: 15px;
  width: 140px;
  text-align: left;
}
body main.settings .service-editor .editor_wrap .service_task_view .body .io_des .item .des {
  width: calc(100% - 155px);
  float: left;
  margin-top: -5px;
  font-size: 12px;
  color: rgba(0,0,0,0.7);
}
body main.settings .service-editor .editor_wrap .condition_editor {
  width: 560px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body {
  padding: 0px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input,
body main.settings .service-editor .editor_wrap .condition_editor .body .condition {
  float: left;
  min-height: 100%;
  padding: 20px;
  overflow: hidden;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input h3,
body main.settings .service-editor .editor_wrap .condition_editor .body .condition h3 {
  float: left;
  clear: left;
  color: rgba(0,0,0,0.7);
  font-size: 12px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input h3 span,
body main.settings .service-editor .editor_wrap .condition_editor .body .condition h3 span {
  text-indent: 3px;
  font-size: 14px;
  color: #000;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input .margin-top-20,
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .margin-top-20 {
  margin-top: 20px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input .item,
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item {
  float: left;
  clear: left;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input .item div.title,
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item div.title {
  background: #34404f;
  border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0px 10px;
  margin-right: 15px;
  width: 140px;
  text-align: left;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input {
  width: 220px;
  border-right: 1px solid #dde1e6;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .input .item {
  margin-top: 20px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .condition {
  width: calc(100% - 222px);
  border-left: 1px solid #dde1e6;
  margin-left: -1px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item {
  margin-top: 20px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item .name {
  float: left;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: #000;
  line-height: 32px;
  height: 32px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item .title,
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item .value {
  margin-right: 10px;
  float: left;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item .title {
  width: 120px;
}
body main.settings .service-editor .editor_wrap .condition_editor .body .condition .item .value {
  width: 120px;
}
body .datasource-modal .datasource-table input.ng-touched.ng-invalid {
  border: 1px solid #f00;
}
body .datasource-modal .datasource-table tbody tr:first-child .up-button {
  visibility: hidden;
}
body .datasource-modal .datasource-table tbody tr:last-child .down-button {
  visibility: hidden;
}
body .datasource-modal .filter {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
body .datasource-modal .filter .item {
  float: left;
  margin-right: 10px;
}
body .datasource-modal .filter .item.round .btn {
  border-radius: 36px;
}
body .datasource-modal .filter .item.round .ui-select-container .ui-select-search {
  border-radius: 36px;
}
body .datasource-modal .filter .item .datepicker {
  max-width: 200px;
}
body .datasource-modal .filter .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
body .datasource-modal .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
body .datasource-modal .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
body .datasource-modal .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body .datasource-modal .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
body .datasource-modal .filter .filters_view .form-group {
  margin-bottom: 4px;
}
body .datasource-modal .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
body .datasource-modal .filter .filters_view .form-group .form-control {
  width: 100%;
}
body .datasource-modal .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
body .datasource-modal .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
.have-modal main .with-shadow,
.modal-open main .with-shadow {
  position: relative !important;
}
.qz-session-chart header nav {
  float: left;
  margin-top: 24px;
}
.qz-session-chart header nav .ul {
  overflow: hidden;
  border-radius: 20px;
}
.qz-session-chart header nav .ul .li {
  cursor: pointer;
  width: 90px;
  height: auto;
  line-height: 24px;
  display: block;
  text-align: center;
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  float: left;
  font-weight: 150;
  border-right: 1px solid #d7dbe1;
  box-sizing: border-box;
  background: #e9ecf2;
}
.qz-session-chart header nav .ul .active {
  background: #00cfe2;
  color: #fff;
}
.qz-session-chart header nav .ul:last-child {
  border: none;
}
.qz-session-chart .canvas {
  position: relative;
  overflow: hidden;
}
.qz-session-chart .canvas .popover.right {
  min-width: 155px;
}
.qz-session-chart .canvas .popover.right > .arrow {
  left: -10px;
}
.qz-session-chart .canvas .popover.right .popover-content {
  padding: 0px;
}
.qz-session-chart .canvas .popover.right span.data {
  font-size: 24px;
}
.qz-session-chart .canvas .popover.right span.name {
  color: #000;
  font-size: 12px;
  margin-left: 10px;
}
.qz-session-chart .canvas .axis .tick text {
  font-weight: 200;
  letter-spacing: 1px;
  fill: rgba(0,0,0,0.5);
}
.qz-session-chart .canvas .x.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
.qz-session-chart .canvas .x.axis path {
  display: none;
}
.qz-session-chart .canvas .x.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
}
.qz-session-chart .canvas .y.axis line {
  fill: none;
  stroke: #dde1e6;
  shape-rendering: crispEdges;
}
.qz-session-chart .canvas .y.axis .tick text {
  opacity: 0.7;
  font-size: 12px;
  transform: translate(-24px, 5px);
}
.qz-session-chart .canvas .area {
  opacity: 0.5;
}
.qz-session-chart .canvas .axis .domain {
  display: none;
}
.qz-session-chart .canvas .stop-left-all-area {
  stop-color: #11abd7;
}
.qz-session-chart .canvas .stop-right-all-area {
  stop-color: #008aff;
}
.qz-session-chart .canvas .stop-left-all-line {
  stop-color: #11abd7;
}
.qz-session-chart .canvas .stop-right-all-line {
  stop-color: #008aff;
}
.qz-session-chart .canvas .stop-left-gui-area {
  stop-color: #f1226b;
}
.qz-session-chart .canvas .stop-right-gui-area {
  stop-color: #cf0000;
}
.qz-session-chart .canvas .stop-left-gui-line {
  stop-color: #f1226b;
}
.qz-session-chart .canvas .stop-right-gui-line {
  stop-color: #cf0000;
}
.qz-session-chart .canvas .stop-left-tui-area {
  stop-color: #27cf47;
}
.qz-session-chart .canvas .stop-right-tui-area {
  stop-color: #11d7d0;
}
.qz-session-chart .canvas .stop-left-tui-line {
  stop-color: #27cf47;
}
.qz-session-chart .canvas .stop-right-tui-line {
  stop-color: #11d7d0;
}
.qz-session-chart .canvas .circle1_all {
  fill: #008aff;
}
.qz-session-chart .canvas .circle2_all {
  fill: #11abd7;
}
.qz-session-chart .canvas .circle3_all {
  fill: #fff;
}
.qz-session-chart .canvas .circle1_tui {
  fill: #11d7d0;
}
.qz-session-chart .canvas .circle2_tui {
  fill: #27cf47;
}
.qz-session-chart .canvas .circle3_tui {
  fill: #fff;
}
.qz-session-chart .canvas .circle1_gui {
  fill: #cf0000;
}
.qz-session-chart .canvas .circle2_gui {
  fill: #f1226b;
}
.qz-session-chart .canvas .circle3_gui {
  fill: #fff;
}
.qz-session-chart .canvas .tip_color_all {
  color: #008aff;
}
.qz-session-chart .canvas .tip_color_tui {
  color: #11d7d0;
}
.qz-session-chart .canvas .tip_color_gui {
  color: #cf0000;
}
.qz-session-chart .canvas .line {
  fill: none;
  stroke-width: 1px;
  opacity: 0.8;
}
.qz-session-chart .canvas .overlay {
  pointer-events: all;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1061;
}
.qz-active-users-chart .canvas {
  overflow: hidden;
}
.qz-active-users-chart .canvas text.legend {
  fill: #737373;
  font-size: 12px;
  text-anchor: end;
}
.qz-active-users-chart .canvas text {
  fill: #fff;
  font: 10px sans-serif;
  text-anchor: end;
  font-weight: 400;
}
.qz-active-users-chart .canvas .label {
  fill: #000;
  font-size: 12px;
  text-anchor: start;
}
.qz-active-users-chart .canvas .axis path,
.qz-active-users-chart .canvas .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.qz-active-users-chart .canvas .axis .domain {
  display: none;
}
.qz-quick-access {
  z-index: 100 !important;
}
.qz-quick-access .search {
  display: block;
  width: 36px;
  height: 32px;
  background: url("../image/access_search.png") no-repeat center center;
  float: right;
  margin-top: 17px;
  margin-right: 49px;
  cursor: pointer;
}
.qz-quick-access .search_input {
  height: 32px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 4px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 160px;
  float: right;
  margin-top: 17px;
  margin-right: 49px;
  box-shadow: none;
}
.qz-quick-access .content {
  padding: 0px 20px 20px 20px;
}
.qz-quick-access .content .recent_list {
  width: 100%;
  color: #434750;
  font-size: 14px;
}
.qz-quick-access .content .recent_list .item {
  cursor: pointer;
  width: 99%;
  height: 32px;
  font-size: 12px;
  line-height: 50px;
  background: url("../image/quick_access_arror.png") no-repeat right 11px;
}
.qz-quick-access .content .recent_list .item > span {
  line-height: 32px;
}
.qz-quick-access .content .recent_list .item .name {
  background: url("../image/quick_access_resource_icon.png") no-repeat left 11px;
  font-weight: 200;
  text-indent: 27px;
  margin-left: 8px;
  color: #000;
  float: left;
  margin-right: 8px;
}
.qz-quick-access .content .recent_list .item .ip {
  font-weight: 400;
  color: rgba(0,0,0,0.5);
  margin-right: 8px;
  float: left;
}
.qz-quick-access .content .recent_list .item .other {
  font-weight: 400;
  color: rgba(0,0,0,0.5);
  float: left;
}
.modal .modal-content {
  border-radius: 0px;
  border: none;
}
.modal .modal-content .modal-header {
  background: #00cfe2;
  font-size: 14px;
  color: #fff;
}
.modal .modal-content .modal-header .close {
  margin: -15px -15px -15px 0px;
  width: 53px;
  height: 53px;
  opacity: 1;
  color: #fff;
  text-shadow: none;
}
.modal .modal-footer {
  position: relative;
  box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.12);
}
.child-modal {
  width: 400px;
}
.child-modal .modal {
  padding-top: 5%;
}
.fixed-height .modal .modal-body {
  max-height: 540px;
  overflow-y: auto;
}
.fixed-height .modal .modal-footer {
  z-index: 99999;
}
.modal-body.fixed-height {
  max-height: 540px;
}
._modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  outline: 0;
}
._modal .modal-dialog {
  width: 640px;
  border-radius: 7px;
  margin: 30px auto;
  background: #fff;
  overflow: hidden;
}
._modal .modal-dialog .modal-content .modal-header {
  background-color: #2c3744;
}
._modal .modal-dialog .modal-content .modal-header h4 {
  color: #fff;
  font-size: 20px;
  line-height: 60px;
  width: 100%;
  text-align: center;
  text-indent: 30px;
}
._modal .modal-dialog .modal-content .modal-header .close {
  float: right;
  border: none;
  background: none;
  background: url("../image/modal_close_button.png") no-repeat center center;
  background-size: 16px auto;
  width: 60px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}
._modal .modal-dialog .modal-footer {
  background: #f5f5f5;
  height: 60px;
}
.seller .head {
  width: 29px;
  float: left;
  margin: 16px 0px 0px 47px;
}
.seller .name {
  font-size: 12px;
  color: rgba(0,0,0,0.9);
  float: left;
  margin: 25px 0px 0px 10px;
}
.seller .phone_icon {
  width: 13px;
  float: left;
  margin: 23px 0px 0px 21px;
}
.seller .phone {
  margin: 25px 0px 0px 2px;
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  float: left;
}
.seller .phone small {
  font-size: 10px;
  color: rgba(0,0,0,0.25);
}
.nav-tabs1 {
  width: 100%;
  background-color: #f5f5f5;
  overflow: hidden;
}
.nav-tabs1 li {
  font-size: 12px;
  color: rgba(0,0,0,0.8);
  float: left;
  line-height: 40px;
  padding: 0px 24px;
  border-top: 3px solid transparent;
}
.nav-tabs1 li.active {
  font-size: 14px;
  font-weight: bold;
  border-top: 3px solid #34bbd7;
  background: #fff;
}
.more_service {
  height: 417px;
  overflow: auto;
}
.more_service ul li {
  float: left;
  clear: left;
  padding: 40px;
  border-bottom: 1px solid #eee;
}
.more_service ul li .icon {
  width: 102px;
  height: 102px;
  float: left;
}
.more_service ul li .introduction {
  float: left;
  width: 632px;
  margin-left: 44px;
}
.more_service ul li .introduction h4 {
  font-size: 20px;
  color: #434750;
}
.more_service ul li .introduction p {
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0,0,0,0.54);
}
.more_service ul li:last-child {
  border: none;
}
.more_service ul:after {
  content: '';
  display: block;
  clear: both;
}
.more_service_footer {
  webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
  box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}
.example-content {
  background: #fff;
  width: 100%;
  min-height: 100%;
  padding: 15px 20px;
}
nav.slider {
  width: 226px;
  box-sizing: border-box;
  float: left;
  height: 100%;
  overflow: auto;
  background-color: #fff;
  z-index: 2;
  overflow-x: hidden;
}
nav.slider h2 {
  color: #000;
  font-size: 16px;
  margin: 20px 0px 0px 20px;
  font-weight: normal;
}
nav.slider > ul {
  margin-top: 17px;
}
nav.slider > ul > li {
  padding: 20px 0px 0px 20px;
  border-bottom: 1px solid #dde1e6;
  padding-bottom: 7px;
  cursor: pointer;
}
nav.slider > ul > li:after {
  content: '';
  display: block;
  clear: both;
}
nav.slider > ul > li.closed {
  padding: 20px 0px 17px 20px;
}
nav.slider > ul > li.closed .ocl {
  background: url("../image/slider_closed.png") no-repeat 4px 4px;
  background-size: 65% auto;
}
nav.slider > ul > li.closed > ul {
  display: none;
}
nav.slider > ul > li .ocl {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../image/slider_opened.png") no-repeat 4px 4px;
  background-size: 65% auto;
  float: left;
}
nav.slider > ul > li .line {
  display: inline-block;
  width: 13px;
  height: 32px;
  float: left;
}
nav.slider > ul > li .node {
  color: #aaa;
  font-size: 12px;
  display: inline-block;
  line-height: 18px;
  float: left;
  margin-left: 14px;
  text-decoration: none;
  border: 1px solid #fff;
}
nav.slider > ul > li > ul {
  float: left;
  clear: left;
  margin-left: 12px;
  margin-top: 12px;
}
nav.slider > ul > li > ul > li {
  float: left;
  clear: left;
  margin-bottom: 9px;
}
nav.slider > ul > li > ul > li .node {
  color: #000;
  width: 200px;
  line-height: 30px;
  margin-left: 28px;
}
nav.slider > ul > li > ul .active .node {
  border: 1px solid #00cfe2;
  background-color: #00cfe2;
  border-radius: 4px;
  color: #fff;
  padding: 0px 17px 0px 14px;
  font-weight: 500;
  line-height: 33px;
  margin-left: 18px;
  text-indent: -7px;
}
nav.slider > ul > li:last-child {
  border-bottom-width: 0px;
}
.nav-tabs {
  border-bottom: 2px solid #e5e5e5;
}
.nav-tabs .tab {
  float: left;
  margin: 0px 14px -2px 14px;
}
.nav-tabs .tab a {
  cursor: pointer;
  color: #808080;
  font-size: 14px;
  display: inline-block;
  padding: 16px 0px;
}
.nav-tabs .tab a:hover {
  text-decoration: none;
}
.nav-tabs .tab.active {
  border-bottom: 2px solid #000;
}
.nav-tabs .tab.active a {
  color: #000;
}
.tab-content .tab-pane {
  display: none;
  padding: 20px 0px;
}
.tab-content .tab-pane.active {
  display: block;
}
.modal-backdrop.fade {
  width: 100%;
  height: 100%;
  filter: alpha(opacity=50);
  opacity: 0.5;
  transition: none;
  position: inherit;
}
.with-tip {
  cursor: pointer;
}
._tooltip .tooltip-arrow {
  border-right-color: #fff !important;
}
._tooltip .tooltip-inner {
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
  color: #000;
  font-size: 12px;
}
.popover {
  border: none;
  border-radius: 0px;
  padding: 10px 15px;
  min-width: 300px;
  webkit-box-shadow: 0 1px 39px rgba(0,0,0,0.2);
  box-shadow: 0 1px 39px rgba(0,0,0,0.2);
  word-wrap: break-word;
}
.popover > .arrow {
  border-right-color: #fff !important;
}
.no-animate {
  -webkit-transition: none !important;
  transition: none !important;
}
sup {
  top: 0px;
}
fieldset {
  margin-top: 20px;
}
fieldset legend {
  color: #808080;
  margin-bottom: 20px;
}
fieldset legend small {
  font-size: 0.8em;
  margin-left: 0.5em;
}
.form-group div .note {
  display: inline-block;
  font-size: 12px;
  margin-top: 4px;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-10 {
  margin-right: 10px;
}
.common_page_1,
.common_page_2,
.common_page_3 {
  padding: 20px;
}
.common_page_1 .list_header,
.common_page_2 .list_header,
.common_page_3 .list_header {
  width: 100%;
  background-color: #fff;
  padding-bottom: 20px;
  overflow: hidden;
}
.common_page_1 .list_header h1,
.common_page_2 .list_header h1,
.common_page_3 .list_header h1,
.common_page_1 .list_header h2,
.common_page_2 .list_header h2,
.common_page_3 .list_header h2 {
  font-size: 16px;
  font-weight: normal;
  float: left;
}
.common_page_1 .list_header .close,
.common_page_2 .list_header .close,
.common_page_3 .list_header .close {
  font-size: 43px;
  font-weight: 100;
  opacity: 1;
  text-shadow: none;
}
.common_page_1 > .main_content:after,
.common_page_2 > .main_content:after,
.common_page_3 > .main_content:after,
.common_page_1 ._main_content:after,
.common_page_2 ._main_content:after,
.common_page_3 ._main_content:after {
  content: '';
  display: block;
  clear: both;
}
.common_page_1 > .main_content .filter,
.common_page_2 > .main_content .filter,
.common_page_3 > .main_content .filter,
.common_page_1 ._main_content .filter,
.common_page_2 ._main_content .filter,
.common_page_3 ._main_content .filter {
  float: left;
  width: 100%;
  position: relative;
}
.common_page_1 > .main_content .filter .item,
.common_page_2 > .main_content .filter .item,
.common_page_3 > .main_content .filter .item,
.common_page_1 ._main_content .filter .item,
.common_page_2 ._main_content .filter .item,
.common_page_3 ._main_content .filter .item {
  float: left;
  margin-right: 10px;
}
.common_page_1 > .main_content .filter .item.round .btn,
.common_page_2 > .main_content .filter .item.round .btn,
.common_page_3 > .main_content .filter .item.round .btn,
.common_page_1 ._main_content .filter .item.round .btn,
.common_page_2 ._main_content .filter .item.round .btn,
.common_page_3 ._main_content .filter .item.round .btn {
  border-radius: 36px;
}
.common_page_1 > .main_content .filter .item.round .ui-select-container .ui-select-search,
.common_page_2 > .main_content .filter .item.round .ui-select-container .ui-select-search,
.common_page_3 > .main_content .filter .item.round .ui-select-container .ui-select-search,
.common_page_1 ._main_content .filter .item.round .ui-select-container .ui-select-search,
.common_page_2 ._main_content .filter .item.round .ui-select-container .ui-select-search,
.common_page_3 ._main_content .filter .item.round .ui-select-container .ui-select-search {
  border-radius: 36px;
}
.common_page_1 > .main_content .filter .item .datepicker,
.common_page_2 > .main_content .filter .item .datepicker,
.common_page_3 > .main_content .filter .item .datepicker,
.common_page_1 ._main_content .filter .item .datepicker,
.common_page_2 ._main_content .filter .item .datepicker,
.common_page_3 ._main_content .filter .item .datepicker {
  max-width: 200px;
}
.common_page_1 > .main_content .filter .item .search_input,
.common_page_2 > .main_content .filter .item .search_input,
.common_page_3 > .main_content .filter .item .search_input,
.common_page_1 ._main_content .filter .item .search_input,
.common_page_2 ._main_content .filter .item .search_input,
.common_page_3 ._main_content .filter .item .search_input {
  height: 32px;
  border-radius: 30px;
  border: none;
  background-color: #eff1f5;
  background-image: url("../image/search_icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
  padding-left: 43px;
  width: 300px;
  float: left;
}
.common_page_1 > .main_content .filter .item .save-to-nav,
.common_page_2 > .main_content .filter .item .save-to-nav,
.common_page_3 > .main_content .filter .item .save-to-nav,
.common_page_1 ._main_content .filter .item .save-to-nav,
.common_page_2 ._main_content .filter .item .save-to-nav,
.common_page_3 ._main_content .filter .item .save-to-nav {
  line-height: 32px;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
  float: left;
}
.common_page_1 > .main_content .filter .more_filters,
.common_page_2 > .main_content .filter .more_filters,
.common_page_3 > .main_content .filter .more_filters,
.common_page_1 ._main_content .filter .more_filters,
.common_page_2 ._main_content .filter .more_filters,
.common_page_3 ._main_content .filter .more_filters {
  font-size: 14px;
  height: 32px;
  cursor: pointer;
  background-image: url("../image/filter_icon.png");
  text-indent: 23px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  padding-right: 46px;
  margin-right: 10px;
}
.common_page_1 > .main_content .filter .filters_view_bg,
.common_page_2 > .main_content .filter .filters_view_bg,
.common_page_3 > .main_content .filter .filters_view_bg,
.common_page_1 ._main_content .filter .filters_view_bg,
.common_page_2 ._main_content .filter .filters_view_bg,
.common_page_3 ._main_content .filter .filters_view_bg {
  background: #fff;
  opacity: 0.01;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.common_page_1 > .main_content .filter .filters_view,
.common_page_2 > .main_content .filter .filters_view,
.common_page_3 > .main_content .filter .filters_view,
.common_page_1 ._main_content .filter .filters_view,
.common_page_2 ._main_content .filter .filters_view,
.common_page_3 ._main_content .filter .filters_view {
  position: absolute;
  z-index: 3;
  margin-top: -5px;
  margin-bottom: 250px;
  padding: 10px 20px;
  width: 355px;
  background: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
.common_page_1 > .main_content .filter .filters_view .form-group,
.common_page_2 > .main_content .filter .filters_view .form-group,
.common_page_3 > .main_content .filter .filters_view .form-group,
.common_page_1 ._main_content .filter .filters_view .form-group,
.common_page_2 ._main_content .filter .filters_view .form-group,
.common_page_3 ._main_content .filter .filters_view .form-group {
  margin-bottom: 4px;
}
.common_page_1 > .main_content .filter .filters_view .form-group .control-label,
.common_page_2 > .main_content .filter .filters_view .form-group .control-label,
.common_page_3 > .main_content .filter .filters_view .form-group .control-label,
.common_page_1 ._main_content .filter .filters_view .form-group .control-label,
.common_page_2 ._main_content .filter .filters_view .form-group .control-label,
.common_page_3 ._main_content .filter .filters_view .form-group .control-label {
  text-align: left;
  word-wrap: break-word;
}
.common_page_1 > .main_content .filter .filters_view .form-group .form-control,
.common_page_2 > .main_content .filter .filters_view .form-group .form-control,
.common_page_3 > .main_content .filter .filters_view .form-group .form-control,
.common_page_1 ._main_content .filter .filters_view .form-group .form-control,
.common_page_2 ._main_content .filter .filters_view .form-group .form-control,
.common_page_3 ._main_content .filter .filters_view .form-group .form-control {
  width: 100%;
}
.common_page_1 > .main_content .filter .filters_view .form-group .apply_filter,
.common_page_2 > .main_content .filter .filters_view .form-group .apply_filter,
.common_page_3 > .main_content .filter .filters_view .form-group .apply_filter,
.common_page_1 ._main_content .filter .filters_view .form-group .apply_filter,
.common_page_2 ._main_content .filter .filters_view .form-group .apply_filter,
.common_page_3 ._main_content .filter .filters_view .form-group .apply_filter {
  width: 100px;
}
.common_page_1 > .main_content .filter .filters_view .form-group .reset_filter,
.common_page_2 > .main_content .filter .filters_view .form-group .reset_filter,
.common_page_3 > .main_content .filter .filters_view .form-group .reset_filter,
.common_page_1 ._main_content .filter .filters_view .form-group .reset_filter,
.common_page_2 ._main_content .filter .filters_view .form-group .reset_filter,
.common_page_3 ._main_content .filter .filters_view .form-group .reset_filter {
  cursor: pointer;
  color: #000;
  line-height: 32px;
  margin-right: 20px;
}
.common_page_1 > .main_content .filter .ctrl,
.common_page_2 > .main_content .filter .ctrl,
.common_page_3 > .main_content .filter .ctrl,
.common_page_1 ._main_content .filter .ctrl,
.common_page_2 ._main_content .filter .ctrl,
.common_page_3 ._main_content .filter .ctrl {
  float: right;
}
.common_page_1 > .main_content .filter .ctrl .new-resource,
.common_page_2 > .main_content .filter .ctrl .new-resource,
.common_page_3 > .main_content .filter .ctrl .new-resource,
.common_page_1 ._main_content .filter .ctrl .new-resource,
.common_page_2 ._main_content .filter .ctrl .new-resource,
.common_page_3 ._main_content .filter .ctrl .new-resource {
  background-image: url("../image/new_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
  margin-right: 10px;
}
.common_page_1 > .main_content .filter .ctrl .import-resource,
.common_page_2 > .main_content .filter .ctrl .import-resource,
.common_page_3 > .main_content .filter .ctrl .import-resource,
.common_page_1 ._main_content .filter .ctrl .import-resource,
.common_page_2 ._main_content .filter .ctrl .import-resource,
.common_page_3 ._main_content .filter .ctrl .import-resource {
  background-image: url("../image/import_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: auto 100%;
}
.common_page_1 > .main_content .filter .ctrl .link-resource,
.common_page_2 > .main_content .filter .ctrl .link-resource,
.common_page_3 > .main_content .filter .ctrl .link-resource,
.common_page_1 ._main_content .filter .ctrl .link-resource,
.common_page_2 ._main_content .filter .ctrl .link-resource,
.common_page_3 ._main_content .filter .ctrl .link-resource {
  background-image: url("../image/link_resource_button_icon.png");
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 100%;
}
.common_page_1 > .main_content > .list,
.common_page_2 > .main_content > .list,
.common_page_3 > .main_content > .list,
.common_page_1 ._main_content > .list,
.common_page_2 ._main_content > .list,
.common_page_3 ._main_content > .list {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
}
.common_page_2 {
  padding: 0px !important;
}
.common_page_3 {
  padding: 0px;
}
.common_page_3 .list_header {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.common_page_3 .list_header h1,
.common_page_3 .list_header h2 {
  font-size: 16px;
  font-weight: normal;
  float: left;
}
.common_page_3 .list_header .close {
  font-size: 43px;
  font-weight: 100;
  opacity: 1;
  text-shadow: none;
}
.common_page_3 .main_content {
  height: calc(100% - 77px);
}
.common_page_3 .main_content > .list {
  padding: 15px;
  margin: 0px;
  height: 100%;
  float: left;
  clear: none;
  width: calc(100% - 352px);
  float: left;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
  position: relative;
  background: #fff;
  float: left;
  z-index: 6;
}
.common_page_3 .main_content ul.type_select {
  width: 176px;
  height: 100%;
  overflow-y: auto;
  float: left;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
  position: relative;
  background: #fff;
}
.common_page_3 .main_content ul.type_select > li {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 0px 20px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.common_page_3 .main_content ul.type_select > li .name {
  display: inline-block;
  line-height: 50px;
  font-size: 14px;
  color: #000;
  float: left;
  white-space: nowrap;
  width: 128px;
  overflow: hidden;
}
.common_page_3 .main_content ul.type_select > li.active {
  background: #00cfe2;
}
.common_page_3 .main_content ul.type_select > li.active .name {
  color: #fff;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.normal_form_width {
  width: 600px;
}
.underline {
  text-decoration: underline !important;
  cursor: pointer;
}
table .system_type {
  overflow: hidden;
}
table .system_type img {
  float: left;
  height: 23px;
}
table .system_type span {
  float: left;
  font-size: 12px;
  color: #4b5b6f;
  display: inline-block;
  line-height: 23px;
}
table .edit-button {
  background: url("../image/protocols_edit.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
}
table .del-button {
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
}
.timeline_normal {
  float: left;
  width: 360px;
  padding: 20px;
}
.timeline_normal > label {
  font-size: 12px;
  color: #000;
  float: left;
  margin-bottom: 20px;
}
.timeline_normal .item {
  float: left;
  clear: left;
  overflow: hidden;
}
.timeline_normal .item .icon {
  float: left;
}
.timeline_normal .item .content {
  float: left;
  padding-left: 17px;
  max-width: calc(100% - 10px);
}
.timeline_normal .item .content .title {
  font-size: 12px;
  color: #000;
}
.timeline_normal .item .content .des {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
}
.global-confirm-modal {
  width: 340px;
}
.global-confirm-modal .form-group .message {
  margin-top: 10px;
  font-size: 14px;
  color: #000;
  margin-botttom: 30px;
  word-wrap: break-word;
}
.global-confirm-modal-with-margin {
  margin-top: 200px;
}
.global-confirm-modal-with-table {
  margin-top: 150px;
  width: auto;
  max-width: 400px;
}
.global-confirm-modal-with-table .message > span {
  font-size: 14px;
  display: inline-block;
  width: auto;
  text-indent: 26px;
  text-align: center;
  line-height: 30px;
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: 110px;
  background: url("../image/table_error_icon.png") no-repeat left center;
}
.global-confirm-modal-with-table .table_wrap {
  max-height: 200px;
  overflow-y: auto;
}
.global-confirm-modal-with-table .table_wrap table td {
  word-wrap: break-word;
}
.toast-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999999;
  pointer-events: none;
}
.toast-wrap .toast {
  min-width: 140px;
  max-width: 300px;
  min-height: 140px;
  position: relative;
  border-radius: 5px;
  background: rgba(0,0,0,0.7);
  margin-top: -50%;
  left: -50%;
  padding-top: 33px;
  pointer-events: all;
}
.toast-wrap .toast .icon {
  display: block;
  width: 40px;
  margin: 0px auto 12px auto;
}
.toast-wrap .toast .title {
  font-size: 16px;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 0px 20px;
}
.toast-wrap .toast .message {
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  text-align: center;
  width: 100%;
  padding: 0px 15px 20px 20px;
}
.toast-loading-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999999;
}
.toast-loading-wrap .mask {
  background: #fff;
  opacity: 0.01;
  z-index: 99999999;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.toast-loading-wrap .toast {
  min-width: 140px;
  max-width: 300px;
  min-height: 140px;
  position: relative;
  border-radius: 5px;
  background: rgba(0,0,0,0.7);
  margin-top: -50%;
  left: -50%;
  padding-top: 33px;
  pointer-events: all;
}
.toast-loading-wrap .toast .loading_icon {
  display: block;
  width: 40px;
  height: 40px;
  background: url("../image/toast_loading.png") no-repeat center center;
  animation: loading_icon 1s infinite linear;
  margin: 0px auto 12px auto;
}
.toast-loading-wrap .toast .title {
  font-size: 16px;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 0px 20px;
}
.toast-loading-wrap .toast .message {
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  text-align: center;
  width: 100%;
  padding: 0px 15px 20px 20px;
}
.mctrl {
  overflow: hidden;
}
.mctrl .edit-button {
  display: block;
  float: left;
  background: url("../image/protocols_edit.png") no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
}
.mctrl .del-button {
  display: block;
  float: left;
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
}
.common-import-form {
  padding-left: 15px;
  padding-right: 20px;
  padding-top: 25px;
}
.common-import-form header {
  overflow: hidden;
}
.common-import-form .file-upload-wrap {
  width: 100%;
  height: 500px;
  border: 3px dotted #e5e5e5;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  background: url("../image/user-file-upload-icon.png") no-repeat center center;
}
.common-import-form .account-file-upload-wrap {
  width: 100%;
  height: 500px;
  border: 3px dotted #e5e5e5;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  background: url("../image/user-file-upload-icon.png") no-repeat center center;
}
.common-import-form .import-wrap {
  margin-top: 20px;
  margin-bottom: 10px;
}
.common-import-form .import-wrap table thead td {
  border-right: 1px solid #77879e;
}
.common-import-form .import-wrap table tbody {
  border: none;
}
.common-import-form .import-wrap table tbody td {
  padding: 0px;
  border-right: 1px solid #c5cad7;
}
.common-import-form .import-wrap table tbody td:first-child {
  padding-left: 0px;
}
.common-import-form .import-wrap table tbody td input {
  float: left;
  border: 2px solid #fff;
  background: transparent;
  line-height: 32px;
  height: 32px;
  padding: 0px 10px;
  width: 100%;
}
.common-import-form .import-wrap table tbody td input.ng-invalid {
  background: #fff;
  border: 2px solid #f00;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
.common-import-form .import-wrap table tbody td input:focus:not(:read-only) {
  border: 2px solid #00cfe2;
}
.common-import-form .import-wrap table tbody tr:nth-child(even) td input {
  border: 2px solid #eff1f5;
}
.common-import-form .import-wrap table tbody tr:nth-child(even) td input.ng-invalid {
  background: #fff;
  border: 2px solid #f00;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
.common-import-form .import-wrap table tbody tr:nth-child(even) td input:focus:not(:read-only) {
  border: 2px solid #00cfe2;
}
.filter_tag_wrap {
  overflow: hidden;
}
.filter_tag_wrap .tag_group {
  float: left;
  overflow: hidden;
  padding-top: 5px;
}
.filter_tag_wrap .tag_group .tag {
  background: #6b798c;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  padding-left: 12px;
  padding-right: 8px;
  display: block;
  float: left;
  margin-right: 6px;
  border-radius: 2px;
}
.filter_tag_wrap .tag_group .close {
  margin-left: 5px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  font-weight: normal;
}
.filter_tag_wrap .filter_clear {
  background: url("../image/filter_clear.png") no-repeat center 0px;
  display: inline-block;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.caret.up {
  transform: rotate(180deg);
}
.common_info > div {
  background: #edf0f4;
  margin: 20px auto;
  padding: 19px 22px 12px 20px;
}
.common_info > div .inforow .name {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  margin: 10px auto;
}
.common_info > div .inforow .value {
  font-size: 12px;
  color: #000;
  margin: 10px auto;
}
.common_info .permission_list {
  padding: 0px;
  background: #d2d7e1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.common_info .permission_list .inforow {
  padding: 20px;
}
.common_info .ctrl {
  overflow: hidden;
}
.common_info .ctrl h3 {
  font-size: 12px;
  color: #000;
}
.common_info .ctrl label.status {
  background: #6b798c;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  padding: 1px 6px;
  font-weight: normal;
  display: inline-block;
  float: left;
  margin-top: 20px;
}
.common_info .ctrl button {
  width: 100px;
  margin-left: 10px;
}
.common_info > label {
  font-size: 12px;
  color: #000;
}
.import-type-modal {
  width: 500px;
  margin-top: 200px;
}
.import-type-modal .close {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0.7;
}
.import-type-modal .import-type {
  overflow: hidden;
}
.import-type-modal .import-type .item {
  float: left;
  width: 250px;
  height: 215px;
  border-right: 1px solid #dde1e6;
}
.import-type-modal .import-type .item:last-child {
  border-right: none;
}
.import-type-modal .import-type .item button {
  width: 150px;
  border-radius: 2px;
  margin: 80px 50px 0px 50px;
}
.text-fix-width {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.state_0,
.state_1,
.state_2,
.state_3 {
  color: #4b5b6f;
}
.state_0 .icon,
.state_1 .icon,
.state_2 .icon,
.state_3 .icon {
  width: 5px;
  height: 5px;
  display: block;
  float: left;
  background-color: #4b5b6f;
  border-radius: 15px;
  margin-top: 8px;
}
.state_0 span,
.state_1 span,
.state_2 span,
.state_3 span {
  margin-left: 8px;
  float: left;
}
.state_1,
.state_2 {
  color: #f00;
}
.state_1 .icon,
.state_2 .icon {
  background-color: #f00;
}
.state_3 {
  color: #bbc4d0;
}
.state_3 .icon {
  background-color: #bbc4d0;
}
table tr.disabled td {
  color: #bbc4d0 !important;
}
.up-button {
  display: block;
  background: url("../image/up_button.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
  cursor: pointer;
}
.down-button {
  display: block;
  background: url("../image/down_button.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
  cursor: pointer;
}
.edit-button {
  display: block;
  cursor: pointer;
  background: url("../image/protocols_edit.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
}
.del-button {
  display: block;
  cursor: pointer;
  background: url("../image/protocols_del.png") no-repeat;
  background-position: center center;
  width: 36px;
  height: 32px;
}
.del-button-none {
  width: 36px;
  height: 32px;
}
.simplebar,
[data-simplebar-direction] {
  overflow: auto;
}
.widget_list {
  overflow-x: hidden;
}
.widget_list:after {
  content: '';
  display: block;
  clear: both;
}
.widget_list .widget {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  float: left;
  height: 400px;
}
.widget_list .widget.col-3 {
  margin-bottom: 20px;
  width: calc(25% - 20px);
  margin-left: 20px;
}
.widget_list .widget.col-6 {
  margin-bottom: 20px;
  width: calc(50% - 20px);
  margin-left: 20px;
}
.widget_list .widget.col-9 {
  margin-bottom: 20px;
  width: calc(75% - 20px);
  margin-left: 20px;
}
.widget_list .widget.col-12 {
  margin-left: 20px;
  margin-bottom: 20px;
  width: calc(100% - 20px);
}
.widget_list .widget header {
  position: relative;
  height: 70px;
}
.widget_list .widget header:after {
  content: '';
  display: block;
  clear: both;
}
.widget_list .widget header h2 {
  font-size: 16px;
  font-weight: 300;
  color: #111820;
  margin: 24px 0px 0px 24px;
  float: left;
  padding-right: 35px;
}
.widget_list .widget header .more_ctrl {
  display: none;
}
.widget_list .counter-widget .content {
  margin-top: 60px;
  overflow: hidden;
}
.widget_list .counter-widget .content .item {
  width: 33%;
  float: left;
}
.widget_list .counter-widget .content .item .count {
  font-size: 54px;
  color: #00cfe2;
  font-weight: normal;
  float: left;
  display: block;
  text-align: center;
  width: 100%;
}
.widget_list .counter-widget .content .item .name {
  font-size: 12px;
  opacity: 0.7;
  float: left;
  clear: left;
  display: block;
  text-align: center;
  width: 100%;
}
.help-content {
  padding: 20px;
}
.help-content h1 {
  font-size: 21px;
  color: #000;
  margin-bottom: 20px;
  display: block;
}
.help-content h2 {
  font-size: 14px;
  color: #000;
  opacity: 0.7;
  line-height: 1.5em;
  display: block;
}
.help-content h3 {
  font-size: 14px;
  color: #000;
  line-height: 1.5em;
  display: block;
}
.help-content h4 {
  font-size: 12px;
  color: #808080;
  line-height: 2em;
  display: block;
}
.clearfix {
  clear: both;
  width: 0px;
  height: 0px;
}
.legends {
  float: left;
  margin: 24px 10px 0px 0px;
  overflow: hidden;
}
.legends .legend {
  text-indent: 20px;
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  float: left;
  line-height: 15px;
}
.legends .legend:last-child {
  margin-right: 0px;
}
.legends .legend i {
  width: 14px;
  height: 14px;
  display: block;
  background-color: #000;
  position: absolute;
}
.header .new {
  background: url("../image/title_arror.png") no-repeat 14px center;
  text-indent: 32px;
  display: inline-block;
}
.btn-100 {
  width: 100px;
}
.btn.btn-download {
  background-image: url("../image/download_icon.png");
  text-indent: 20px;
  background-repeat: no-repeat;
  background-position: 20px center;
}
.btn.btn-upload {
  background-image: url("../image/upload_icon.png");
  text-indent: 20px;
  background-repeat: no-repeat;
  background-position: 20px center;
}
.chart_pie_1_0 {
  fill: #09ceb4;
}
.chart_pie_1_1 {
  fill: #a1d069;
}
.chart_pie_1_2 {
  fill: #8e64e6;
}
.chart_pie_1_3 {
  fill: #566ae6;
}
.chart_pie_1_4 {
  fill: #6b798c;
}
.chart_pie_1_5 {
  fill: #f67016;
}
.chart_pie_1_6 {
  fill: #8e64cb;
}
.chart_pie_1_7 {
  fill: #ee9215;
}
.chart_pie_1_8 {
  fill: #52bbdc;
}
.chart_pie_1_9 {
  fill: #ff937e;
}
.chart_pie_1_inner_0 {
  fill: #07b9a2;
}
.chart_pie_1_inner_1 {
  fill: #91bb5d;
}
.chart_pie_1_inner_2 {
  fill: #01bacb;
}
.chart_pie_1_inner_3 {
  fill: #4e60cf;
}
.chart_pie_1_inner_4 {
  fill: #5f6d7e;
}
.chart_pie_1_inner_5 {
  fill: #dd6513;
}
.chart_pie_1_inner_6 {
  fill: #8059cf;
}
.chart_pie_1_inner_7 {
  fill: #d68314;
}
.chart_pie_1_inner_8 {
  fill: #4aa8c6;
}
.chart_pie_1_inner_9 {
  fill: #e58471;
}
.chart_pie_2_0 {
  fill: #02ccde;
}
.chart_pie_2_1 {
  fill: #5690c1;
}
.chart_pie_2_2 {
  fill: #ff8b5e;
}
.chart_pie_2_3 {
  fill: #fdc670;
}
.chart_pie_2_4 {
  fill: #34619e;
}
.chart_pie_2_5 {
  fill: #5ec0cc;
}
.chart_pie_2_6 {
  fill: #d2dc5d;
}
.chart_pie_2_7 {
  fill: #dfae9c;
}
.chart_pie_2_8 {
  fill: #a8dbf7;
}
.chart_pie_2_9 {
  fill: #1ebd9d;
}
.chart_pie_2_inner_0 {
  fill: #02b7c7;
}
.chart_pie_2_inner_1 {
  fill: #4d81ad;
}
.chart_pie_2_inner_2 {
  fill: #e57245;
}
.chart_pie_2_inner_3 {
  fill: #e3b265;
}
.chart_pie_2_inner_4 {
  fill: #38568e;
}
.chart_pie_2_inner_5 {
  fill: #54acb7;
}
.chart_pie_2_inner_6 {
  fill: #bdc554;
}
.chart_pie_2_inner_7 {
  fill: #c99d8d;
}
.chart_pie_2_inner_8 {
  fill: #97c5df;
}
.chart_pie_2_inner_9 {
  fill: #1baa8d;
}
.histogram_primary {
  background-color: #12d5c1 !important;
  fill: #12d5c1;
}
.histogram_primary_shadow {
  fill: #10bfad;
}
.histogram_background {
  background-color: #056779 !important;
  fill: #056779;
}
.histogram_background_shadow {
  fill: #056779;
}
.serv_sys_tree_color_root {
  background: #000 !important;
  fill: #000;
}
.serv_sys_tree_color_0 {
  background: #09ceb4 !important;
  fill: #09ceb4;
}
.serv_sys_tree_color_1 {
  background: #8e64e6 !important;
  fill: #8e64e6;
}
.serv_sys_tree_color_2 {
  background: #09ceb4 !important;
  fill: #09ceb4;
}
.serv_sys_tree_color_3 {
  background: #ee9215 !important;
  fill: #ee9215;
}
.serv_sys_tree_color_4 {
  background: #91bb5e !important;
  fill: #91bb5e;
}
.serv_sys_tree_color_5 {
  background: #6b798c !important;
  fill: #6b798c;
}
.serv_sys_tree_color_6 {
  background: #f67016 !important;
  fill: #f67016;
}
.serv_sys_tree_color_7 {
  background: #566ae6 !important;
  fill: #566ae6;
}
.serv_sys_tree_color_root_stroke {
  stroke: #000;
}
.serv_sys_tree_color_0_stroke {
  stroke: #09ceb4 !important;
}
.serv_sys_tree_color_1_stroke {
  stroke: #8e64e6 !important;
}
.serv_sys_tree_color_2_stroke {
  stroke: #09ceb4 !important;
}
.serv_sys_tree_color_3_stroke {
  stroke: #ee9215 !important;
}
.serv_sys_tree_color_4_stroke {
  stroke: #91bb5e !important;
}
.serv_sys_tree_color_5_stroke {
  stroke: #6b798c !important;
}
.serv_sys_tree_color_6_stroke {
  stroke: #f67016 !important;
}
.serv_sys_tree_color_7_stroke {
  stroke: #566ae6 !important;
}
.jstree-default .jstree-clicked {
  background: #00cfe2 !important;
}
.jstree-proton .jstree-clicked {
  background: #00cfe2 !important;
}
.jstree-proton .jstree-hovered {
  background: #00cfe2 !important;
}
.ui-select-bootstrap .ui-select-choices-row.active>a {
  background-color: #00cfe2;
}
.daterangepicker td.active,
.daterangepicker .daterangepicker td.active:hover {
  background-color: #00cfe2;
}
.valid_link {
  background: #00cfe2;
  color: #fff;
}
.skin-background-color {
  background-color: #00cfe2;
}
.skin-color {
  color: #00cfe2;
}
.skin-border-color {
  border-color: #00cfe2;
}
body main.resources .execute_record .header .item .count {
  color: #00cfe2;
}
.datetimepicker .hour_select1 {
  width: calc(100% - 10px);
  float: left;
  margin-left: 10px;
}
.datetimepicker .minute_select1 {
  width: calc(100% - 15px);
  float: left;
}
@-moz-keyframes loading_icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading_icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes loading_icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading_icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.docker_manager_shadow {
  position: relative;
  height: 100%;
  overflow-y: auto;
}

.docker_manager_title {
  font-size: 16px;
  height: 22px;
  margin-top: 10px;
}

.docker_manager_separator {
  margin-left: 2px;
  margin-right: 2px;
}

.docker_manager_second_title {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

.docker_manager_hr_margin {
  margin-top: 74px;
}

body main.setup .index-sshkey .content{
  width: unset;
  padding-bottom: unset;
  background: unset;
  background-color: unset;
  border-radius: unset;
  position: unset;
  left: unset;
  top: unset;
}

body main.setup .index-sshkey .radio{
  height: 27px;
}

body main.setup .length4{
  left:calc(50% - 270px) !important;
}

.nav-tabs-vertical .tab.active a {
  background-color: #00cfe2 !important;
}

.jstree-proton .jstree-clicked {
  background: #00cfe2 !important;
}
.jstree-proton .jstree-hovered {
  background: #00cfe2 !important;
}