html {
  background: #fafafa;
  height: 100%;
  min-height: unset;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background: #fafafa;
  direction: ltr;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: inherit;
  font-style: normal;
  font-size: 14px;
}

.formItem .childStyle > * {
  width: 100%;
  min-height: 32px;
}

.formItem .labelStyle {
  padding-top: 7px;
  height: 100%;
  text-align: right;
  margin: 0 !important;
}

.formItem .errorBorder {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: red !important;
}

#main {
  background-color: #fafafa;
}

#content {
  height: calc(100% - 42px);
}


.should-login {
  margin-left: 0 !important;
  padding-bottom: 0 !important;
  min-height: auto;
  height: 100%;
}

.should-login #content {
  height: 100%;
  position: static;
  padding: 0;
}

.inline {
  display: inline-block;
}

/* 为 bootstrap btn style 添加上全局过度，让UI变化更平滑 */

.btn {
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
}


.left {
  float: left !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.padding-top-5 {
  padding-top: 5px;
}

/* 主机 保存成功动画 */

.opacity {
  opacity: 100% !important;
}

.succuss-tag-icon {
  font-size: 30px;
  opacity: 0%;
  vertical-align: middle;
  transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

/* 按钮下拉菜单样式覆盖 */

.dropdown-menu .btn {
  box-shadow: none;
  box-shadow: none;
}

/* 弹框close */

.modal-header .close {
  margin-top: 4px;
}

.tips.sync_tips {
  background-color: #fff;
  padding-top: 0;
}

/* index 头部样式 */

#header > div {
  height: 69px;
}

.header-info {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.header-info i.fa.icon-ajust-size {
  font-size: 18px;
}

.header-info > * {
  display: inline-block;
  vertical-align: middle;
}

.header-info .alarm > * {
  vertical-align: middle;
}

.header-info .login-info-2 {
  line-height: inherit;
  height: 23px;
}

.header-info .login-info-2 .fake-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 14px;
}

.header-info .login-info-2 .fake-btn:hover {
  background-color: rgb(255 255 255 / 15%);
}

.header-info .login-info-2 .caret {
  border-width: 9px 5px;
  margin-left: 5px;
}

.header-info #logout {
  margin: 0 20px;
  color: #fff;
  cursor: pointer;
}

#logo-group #logo {
  margin: 0;
  height: auto;
  margin-top: 8px;
}


#menu-header .menu-header-title{
  float: none;
  height: auto;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
  letter-spacing: 2px;
  padding-bottom: 10px;
}

#logo img {
  width: auto !important;

  /* margin-top:-10px; */
}

#skin0 {
  background: #2b3541;
  cursor: pointer;
}

#skin1 {
  background: #34a3f1;
  cursor: pointer;
}

.form header,
legend {
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  color: #232323;
}

div.skin_change {
  width: 48px;
  height: 24px;
  padding: 6px;
}

div.skin_change label {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  display: inline-block;
  background: #666;
}

div.skin_change label input[type="radio"] {
  visibility: hidden;
}

/* 全局style */

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

a,
a:hover,
a:visited,
a:active,
a:focus {
  text-decoration: none;
}

abbr[title].abbr-title {
  cursor: auto;
  border-bottom: 0;
  display: inline-block;
}

.has-style {
  list-style-type: disc;
  padding: 0 0 0 18px;
  margin: 0 0 9px;
}

.inline-block {
  display: inline-block !important;
}

.fa.fa-ver-m {
  vertical-align: middle;
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.padding-left-15 {
  padding-left: 15px;
}

.margin-right-6 {
  margin-right: 6px;
}

.nowrap {
  white-space: nowrap;
}

.break_all {
  word-break: break-all;
}

.no-margin-b {
  margin-bottom: 0 !important;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-right-10 {
  margin-right: 10px;
}

.padding-5 {
  padding: 5px !important;
}

.padding-20 {
  background-color: #fafafa !important;
}

.background-white {
  background-color: #fff !important;
}

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  overflow: hidden;
  display: block;
}

.text-overflow.text-overflow-log {
  width: 400px;
}

.text-overflow.text-overflow-summary {
  width: 200px;
}

.text-overflow.text-overflow-half {
  width: 50%;
  display: inline-block;
}

input[type="text"].snapdisabled {
  background: #fff;
  border: none;
}

table tr th[ng-model] {
  cursor: pointer;
}

.relative {
  position: relative !important;
}

.flex {
  display: box;
  display: box;
  display: flexbox;
  display: flex;
  display: flex;
}

select[multiple].select-iso {
  height: 168px;
  overflow-y: scroll;
}

.required {
  position: relative;
}

.required::after {
  position: absolute;
  content: "*";
  color: red;
}

.mylili {
  position: relative;
  display: inline-block;
}

.tips {
  text-align: center;
  padding-top: 20px;
  font-weight: bold;
  font-size: 14px;
  background-color: #fafafa;
}

.tips.no_margin {
  margin-top: 0;
}

.classroomNet {
  width: 100%;
  height: 100%;
  display: block;
  height: 32px;
  position: relative;
}

.classroomNet > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #eee;
}

/* 全局style   end */

/* 表单样式覆盖 */

form.is_error input[type="password"].ng-invalid-required,
form.is_error input[type="text"].ng-invalid-required,
form.is_error input[type="number"].ng-invalid-required,
form.is_error select.ng-invalid-required {
  transition: all 0.2s linear;
  background: #fff0f0;
  border-color: #a90329;
}

form.is_error select.error-color-red {
  transition: all 0.2s linear;
  background: #fff0f0;
  border-color: #a90329;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-group .checkbox[disabled] {
  background-color: #eee !important;
  cursor: auto !important;
}

label input[type="checkbox"][disabled].checkbox + span,
label input[type="checkbox"][disabled].checkbox:checked + span,
label:hover input[type="checkbox"][disabled].checkbox:checked + span::before {
  color: #a7a7a7;
  cursor: default;
}

textarea.xs,
input[type="text"].xs,
input[type="password"].xs,
input[type="datetime"].xs,
input[type="datetime-local"].xs,
input[type="date"].xs,
input[type="month"].xs,
input[type="time"].xs,
input[type="week"].xs,
input[type="number"].xs,
input[type="email"].xs,
input[type="url"].xs,
input[type="search"].xs,
input[type="tel"].xs,
input[type="color"].xs {
  width: 80px !important;
}

textarea.small,
input[type="text"].small,
input[type="password"].small,
input[type="datetime"].small,
input[type="datetime-local"].small,
input[type="date"].small,
input[type="month"].small,
input[type="time"].small,
input[type="week"].small,
input[type="number"].small,
input[type="email"].small,
input[type="url"].small,
input[type="search"].small,
input[type="tel"].small,
input[type="color"].small {
  width: 120px !important;
}

textarea.middle,
input[type="text"].middle,
input[type="password"].middle,
input[type="datetime"].middle,
input[type="datetime-local"].middle,
input[type="date"].middle,
input[type="month"].middle,
input[type="time"].middle,
input[type="week"].middle,
input[type="number"].middle,
input[type="email"].middle,
input[type="url"].middle,
input[type="search"].middle,
input[type="tel"].middle,
input[type="color"].middle {
  width: 180px !important;
}

textarea.ng-dirty,
.table-form input[type="text"].ng-dirty,
.table-form input[type="password"].ng-dirty,
.table-form input[type="datetime"].ng-dirty,
.table-form input[type="datetime-local"].ng-dirty,
.table-form input[type="date"].ng-dirty,
.table-form input[type="month"].ng-dirty,
.table-form input[type="time"].ng-dirty,
.table-form input[type="week"].ng-dirty,
.table-form input[type="number"].ng-dirty,
.table-form input[type="email"].ng-dirty,
.table-form input[type="url"].ng-dirty,
.table-form input[type="search"].ng-dirty,
.table-form input[type="tel"].ng-dirty,
.table-form input[type="color"].ng-dirty {
  border-color: #c05e5e;
}

textarea.ng-valid,
.table-form .host-ip input[type="text"].ng-valid,
.table-form .host-ip input[type="password"].ng-valid,
.table-form .host-ip input[type="datetime"].ng-valid,
.table-form .host-ip input[type="datetime-local"].ng-valid,
.table-form .host-ip input[type="date"].ng-valid,
.table-form .host-ip input[type="month"].ng-dirty,
.table-form .host-ip input[type="time"].ng-valid,
.table-form .host-ip input[type="week"].ng-valid,
.table-form .host-ip input[type="number"].ng-valid,
.table-form .host-ip input[type="email"].ng-valid,
.table-form .host-ip input[type="url"].ng-valid,
.table-form .host-ip input[type="search"].ng-valid,
.table-form .host-ip input[type="tel"].ng-valid,
.table-form .host-ip input[type="color"].ng-valid {
  border-color: #ccc;
}

textarea.ng-pristine,
.table-form input[type="text"].ng-pristine,
.table-form input[type="password"].ng-pristine,
.table-form input[type="datetime"].ng-pristine,
.table-form input[type="datetime-local"].ng-pristine,
.table-form input[type="date"].ng-pristine,
.table-form input[type="month"].ng-dirty,
.table-form input[type="time"].ng-pristine,
.table-form input[type="week"].ng-pristine,
.table-form input[type="number"].ng-pristine,
.table-form input[type="email"].ng-pristine,
.table-form input[type="url"].ng-pristine,
.table-form input[type="search"].ng-pristine,
.table-form input[type="tel"].ng-pristine,
.table-form input[type="color"].ng-pristine {
  border-color: #ccc;
}

.form-group input[type="text"].nodirty.ng-dirty.ng-invalid-required,
.form-group input[type="password"].nodirty.ng-dirty.ng-invalid-required {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  background-color: #fff;
}

.form-group textarea.ng-valid,
.form-group input[type="text"].ng-valid,
.form-group input[type="password"].ng-valid,
.form-group input[type="datetime"].ng-valid,
.form-group input[type="datetime-local"].ng-valid,
.form-group input[type="date"].ng-valid,
.form-group input[type="month"].ng-dirty,
.form-group input[type="time"].ng-valid,
.form-group input[type="week"].ng-valid,
.form-group input[type="number"].ng-valid,
.form-group input[type="email"].ng-valid,
.form-group input[type="url"].ng-valid,
.form-group input[type="search"].ng-valid,
.form-group input[type="tel"].ng-valid,
.form-group input[type="color"].ng-valid {
  background: #fff;
  border-color: #ccc;
}

.form-group textarea.ng-invalid.ng-dirty,
.form-group input[type="text"].ng-invalid.ng-dirty,
.form-group input[type="password"].ng-invalid.ng-dirty,
.form-group input[type="datetime"].ng-invalid.ng-dirty,
.form-group input[type="datetime-local"].ng-invalid.ng-dirty,
.form-group input[type="date"].ng-invalid.ng-dirty,
.form-group input[type="month"].ng-invalid.ng-dirty,
.form-group input[type="time"].ng-invalid.ng-dirty,
.form-group input[type="week"].ng-invalid.ng-dirty,
.form-group input[type="number"].ng-invalid.ng-dirty,
.form-group input[type="email"].ng-invalid.ng-dirty,
.form-group input[type="url"].ng-invalid.ng-dirty,
.form-group input[type="search"].ng-invalid.ng-dirty,
.form-group input[type="tel"].ng-invalid.ng-dirty,
.form-group input[type="color"].ng-invalid.ng-dirty {
  background: #fff0f0;
  border-color: #a90329;
}

.form-group textarea:focus,
.form-group input[type="text"]:focus,
.form-group input[type="password"]:focus,
.form-group input[type="datetime"]:focus,
.form-group input[type="datetime-local"]:focus,
.form-group input[type="date"]:focus,
.form-group input[type="month"]:focus,
.form-group input[type="time"]:focus,
.form-group input[type="week"]:focus,
.form-group input[type="number"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="url"]:focus,
.form-group input[type="search"]:focus,
.form-group input[type="tel"]:focus,
.form-group input[type="color"]:focus,
.form-group:hover > textarea,
.form-group:hover > input[type="text"],
.form-group:hover > input[type="password"],
.form-group:hover > input[type="datetime"],
.form-group:hover > input[type="datetime-local"],
.form-group:hover > input[type="date"],
.form-group:hover > input[type="month"],
.form-group:hover > input[type="time"],
.form-group:hover > input[type="week"],
.form-group:hover > input[type="number"],
.form-group:hover > input[type="email"],
.form-group:hover > input[type="url"],
.form-group:hover > input[type="search"],
.form-group:hover > input[type="tel"],
.form-group:hover > input[type="color"] {
  border-color: #5d98cc;
}

/* 表单样式覆盖   end */

/* ui-datepicker */
.vdi-datepicker.has-feedback .glyphicon-remove {
  display: none;
  cursor: pointer;
}

.vdi-datepicker.has-feedback .glyphicon-remove.active {
  display: block;
}

.vdi-datepicker.has-feedback:hover .glyphicon-calendar {
  display: none;
}

.vdi-datepicker.has-feedback:hover .glyphicon-remove {
  display: block;
}

/* .form-group textarea.ng-pristine, .form-group input[type="text"].ng-pristine, .form-group input[type="password"].ng-pristine, .form-group input[type="datetime"].ng-pristine, .form-group input[type="datetime-local"].ng-pristine, .form-group input[type="date"].ng-pristine, .form-group input[type="month"].ng-dirty, .form-group input[type="time"].ng-pristine, .form-group input[type="week"].ng-pristine, .form-group input[type="number"].ng-pristine, .form-group input[type="email"].ng-pristine, .form-group input[type="url"].ng-pristine, .form-group input[type="search"].ng-pristine, .form-group input[type="tel"].ng-pristine, .form-group input[type="color"].ng-pristine{
	background: #fff;
	border-color: #BDBDBD;
} */

table.table-noborderd > tbody > tr > td {
  border: none;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  white-space: nowrap;
}

div.dataTables_info {
  font-weight: normal;
  font-style: normal;
}

select.small {
  width: 120px !important;
}

.btn.disabled {
  opacity: 50% !important;
}

.vdi_body span.flag-icon {
  color: #8d8d8d;
  font-size: 18px;
  padding: 0 5px;
}

.table-striped > tbody.vdi_body > tr.disabled {
}

.table-striped > tbody.vdi_body > tr.disabled a {
  color: #bfbfbf;
}

.table-striped > tbody.vdi_body > tr.disabled > td {
  background-color: #eae9e9;
  color: #bfbfbf;
  pointer-events: none;
  cursor: disabled;
}

.table-striped > tbody.vdi_body > tr.disabled > td.selectable {
  pointer-events: all;
  cursor: pointer;
}

/* onther style */

table.table-vertical-center > thead > tr > th {
  text-align: center;
}

table.table-vertical-center > tbody > tr > td {
  vertical-align: middle;
  text-align: center;
}

/* 概要 */

#sparks li h5 {
  font-size: 13px;
  margin: 0 0 0 5px;
}

.sparks-info span {
  font-size: 13px;
}

.sparks-info span.alone {
  padding-top: 10px;
}

.sparks-info span em {
  font-style: normal;
  display: inline-block;
}

.sparks-info span em.en.en-t {
  width: 108px;
  text-align: right;
}

.sparks-info span em.en.en-n {
  width: 24px;
  text-align: center;
}

.sparks-info:nth-child(1) span em.en.en-t {
  width: 94px;
}

.sparks-info:nth-child(3) span em.en.en-t {
  width: 70px;
}

.sparks-info .sparkline {
  display: block;
  float: left;
}

.sparks-info .sparkline i {
  font-size: 32px;
}

.index.all .item {
  height: 250px;
}

.all .item .svgpic {
  height: 170px;
  line-height: 170px;
}

.all .item .svgpic strong {
  font-size: 50pt;
}

/* smart-form 覆盖样式 */

.smart-form .space-line {
  font-size: 15px;
  padding-bottom: 5px;
  margin: 0 0 10px;
}

.smart-form footer .btn {
  font-family: "Open Sans", Arial, Helvetica, "Microsoft YaHei", sans-serif;
}

.smart-form header.myheader {
  font-size: 18px;
  margin: 10px 0 0;
  padding: 8px 14px;
  border-bottom: 1px solid #e5e5e5;
}

.smart-form header.myheader a {
  font-size: 14px;
  vertical-align: 2px;
}

.smart-form footer .btn.myfooterbtn {
  font-size: 13px;
  padding: 0 12px;
}

.smart-form footer.text-right .btn {
  float: none;
}

.smart-form .select select.terminalscldis,
.formelemetdis,
.passwordConfirm_disabled,
.terminalscldis {
  background-color: #eee !important;
}

.smart-form .select select {
  font-family: "Microsoft YaHei", sans-serif !important;
  appearance: menulist;
}

.smart-form .checkbox:hover i,
.smart-form .input:hover input[disabled],
.smart-form .radio:hover i,
.smart-form .select:hover select[disabled],
.smart-form .textarea:hover textarea[disabled],
.smart-form .toggle:hover i {
  border-color: #bdbdbd;
}

/* 瓦片样式 */

.pricing-big .panel-heading {
  border-radius: 5px;
}

.panel .panel-cont {
  padding: 10px 0 20px;
}

.panel .panel-footbar {
  position: absolute;
  width: 100%;
  height: 29px;
  left: 0;
  bottom: 1px;
  text-align: center;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.panel .panel-footbar.hardware_panelfooter {
  height: 24px;
}

nav > ul > li .panel:hover .panel-footbar {
  display: block;
}

.panel .panel-footbar.hardware_panelfooter .icon {
  padding: 0 15px;
}

.panel .panel-footbar .icon {
  padding: 2px 15px;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.panel .panel-footbar.desktop .icon {
  color: #333;
  padding: 0 6px;
  line-height: 28px;
  font-size: 13px;
}

.panel .panel-footbar .icon:hover {
  color: #000;
}

.panel .panel-footbar.desktop .icon:hover {
  color: #444;
}

.panel .panel-footbar .icon input {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0%;
}

.panel-heading.smart-form.mypanelhead {
  padding-bottom: 28px;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead {
  height: 227px;
  padding-bottom: 8px;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead > .panel-cont {
  height: 150px;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead > .panel-cont > ul {
  display: box;
  display: box;
  display: flexbox;
  display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 110px;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead .panel-cont .panel-item {
  white-space: nowrap;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead h2 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
}

.panel-heading.smart-form.mypanelhead > .checkbox {
  z-index: 0;
}

.panel-cont .panel-item {
  display: box;
  display: box;
  display: flexbox;
  display: flex;
  display: flex;
  line-height: 20px;
  margin-bottom: 10px;
  width: 100%;
}

.panel-item .host_title {
  line-height: 26px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
}

/* .panel-item .host_title.red, .panel-item .small.red {
    color: #fff;
} */

.pricing-big .panel-title {
  border-radius: 5px;
  margin-bottom: 0;
}

.panel .head-title {
  /* color: #fff; */
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  letter-spacing: 1px;
}

.panel .head-title span {
  font-weight: 500;
}

.template .panel-status {
  width: 50px;
  height: 40px;
  margin: 5px auto 0;
}

.template .panel-status > span {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.panel .head-title .desc {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 40px;
  min-height: 24px;
}

.panel .panel-pic .mynote {
  font-size: 12px;
  margin-bottom: 5px;
}

.note.hardwarenote {
  margin-top: 8px;
  white-space: nowrap;
}

.note.hardwarenote.myhardwarenote {
  position: absolute;
  right: -74px;
}

.panel-cont .panel-mess {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  flex: 3;
  flex: 3;
  flex: 3;
}

.panel-cont .panel-mess li:nth-child(3) .item-flex {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-cont .panel-picture {
  height: 64px;
  margin-top: 24px;
}

.panel-cont .panel-pic {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  flex: 1;
  flex: 1;
  text-align: center;
  height: 108px;
}

.template.panel-cont .panel-pic > div:nth-child(3) {
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.panel-cont .panel-pic .pic-wrap {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin: 0 0 4px;
  position: relative;
}

.panel-cont .panel-pic .pic-wrap img {
  width: 100%;
  height: 100%;
}

.panel-cont .panel-pic p {
  font-size: 12px;
  line-height: 14px;
}

.panel-cont .panel-mess .panel-item label {
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-cont .panel-mess.mypanel-mess .panel-item label {
  width: 60%;
}

.panel-cont .panel-item label {
  display: block;
  width: 24%;
  text-align: right;
  margin-right: 20px;

  /* white-space:nowrap; */
}

.panel-cont .panel-item a {
  color: #fff;

  /* display: block; */
  width: 100%;
  border: none;
  box-shadow: none;
  text-align: right;
}

.panel-cont .panel-item .item-flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  flex: 1;
  flex: 1;
  text-align: left;
  white-space: nowrap;
}

/* .panel-cont .panel-item .item-flex span {
    color: #fff;
    display: block;
    line-height: 22px;
} */

.panel-cont .panel-item .item-flex span.template {
  display: inline;
}

.panel-title .item-flex {
  font-weight: 500;
  line-height: 20px;
}

.panel .panel-footbar .icon.check_detail {
  font-size: 12px;
  line-height: 24px;
}

.panel .panel-footbar .icon.check_detail.checkdetail {
  vertical-align: 2px;
}

.panel .panel-footbar .icon.check_detail:hover {
  text-decoration: none;
}

/* 全局颜色样式 */

.txt-color-green {
  color: #5b835b;
}

.txt-color-greenjj {
  color: #00a300;
}

.txt-color-white {
  color: #fff;
}

.txt-color-redjj {
  color: #f10707;
}

.txt-color-yellowjj {
  color: #f5bb2d;
}

.border-color-redjj {
  color: #f10707;
}

.bg-color-greenLight {
  background-color: #00ba00 !important;
}

.bg-color-redLight {
  background-color: #f10707 !important;
}

.bg-color-yellowLight {
  background-color: #fdcb01 !important;
}

/* label input[type=checkbox].checkbox+span:before,label input[type=radio].radiobox+span:before {
	height: 14px;
	line-height: 14px;
	min-width: 14px;
	font-size: 14px;
} */

/* 终端排序样式 */

.boxSort {
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
  padding: 40px 20px 20px;
}

.boxSort footer {
  position: fixed;
  bottom: 10px;
  background: #fff;
  z-index: 99999;
  width: 96%;
  height: 60px;
  line-height: 46px;
}

.boxSort .title {
  position: absolute;
  top: 0;
  z-index: 9999;
  height: 40px;
  left: 20px;
  right: 35px;
  line-height: 40px;
  background: #fff;
  font-size: 14px;
}

.boxSort .box-all {
  margin: 0;
  margin-top: 50px;
  margin-bottom: 60px;
  position: relative;
}

.boxSort .box-list {
  overflow: hidden;
  margin: 0;
  position: absolute;
  height: 129px;
  width: 110px;
  top: 0;
  left: 0;
  transition: all linear 0.2s;
}

.boxSort .box-list .box-icon {
  text-align: center;
  width: 100px;
  height: 80px;
  margin: auto;
  position: relative;
  top: 0;
  left: 0;
}

.box-list .box-icon .bg {
  position: absolute;
  width: 60px;
  height: 40px;
  top: 20px;
  left: 20px;
  z-index: 0;
}

.sort-unable .bg {
  background-color: #000;
}

.sort-fault .bg {
  background-color: red;
}

.boxSort .box-list .box-icon i {
  font-size: 60px;
  line-height: 100px;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #ddd;
}

.boxSort .box-list .sortflag {
  position: absolute;
  font-size: 20px;
  left: 0;
  right: 0;
  top: 22px;
  margin: auto;
  line-height: 34px;
  width: 40px;
  height: 118px;
  color: #fff;
}

.boxSort .checkbox {
  margin-bottom: 7px;
}

.boxSort em {
  color: blue;
}

/* 可编辑单元格（主机，快照） */

tr.read_tr input {
  border: 1px solid transparent !important;
  background: inherit;
}

tr.edit_tr input {
  border: 1px solid #ccc;
}

tr.edit_tr input[readonly] {
  border: 1px solid transparent !important;
}

/* .jarviswidget>header>.widget-icon{
	line-height: 34px;
} */

/* .popover-content ul{
	list-style-type: decimal;
	padding-left: 20px;
	margin:0;
	font-size:13px;
} */
.popover-content {
  padding: 9px 14px !important;
}

/* .popover-content ul li{
	line-height: 16px;
} */

/* .popover-content ul li+li{
	margin-top: 6px;
} */

/* .form-group .icon-append{
	color: #A2A2A2;
	border-color: #BDBDBD;
	-moz-transition: border-color .3s;
	-webkit-transition: border-color .3s;
	transition: border-color .3s;
	position: absolute;
	top: 5px;
	width: 22px;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	right: 18px;
	padding-left: 3px;
	border-left-width: 1px;
	border-left-style: solid;
} */

/* .jarviswidget>header .totle{
	float: right;
	padding-right: 10px;
	line-height: 34px;
} */

/*
.nouislider-value1,.nouislider-value2,.nouislider-value3{
	color:#3276b1;
	width:52px;
}
.mynoUiSlider{
	margin-top: 10px;
	position:relative;
}
.noUi-connect{
	background:#eee;
}
.noUi-background{
	background:#72a8d7;

}
.noUi-base{
	height:10px;
}
.noUi-handle{
	height: 20px;
	width: 10px;
	margin: -5px 0 0 -8px;
}
*/

/* .mycontrol-label{
	margin: 26px 0 0 30%;
}
.mycontrol-label input{
	display:inline-block;
} */

/* .sales-graph{
	width:100%;
	height:210px;
} */

/* 硬件信息修改组件 */

.my_input_group {
  width: 110px;
  padding-left: 12px;
  float: right;
}

.myjarviswidget > header {
  height: 50px;
  line-height: 44px;
  background-color: #fafafa;
  padding: 0 5px 0 9px;
  border: 1px solid #eee;
  margin-bottom: 10px;
}

.myjarviswidget.systemdisk > header:nth-child(1) button {
  display: none;
}

.height210 {
  min-height: 210px;
  overflow: hidden;
}

.jarviswidget > div.noborder .dt-toolbar-footer {
  border-top: none;
}

.left_side > select {
  width: auto;
}

.jarviswidget > header .totalmess {
  margin-right: 20px;
}

.dropdown-menu > li > a.graydisabled,
.menu_wrapper .menu_item a.graydisabled {
  color: #999;
}

/* 页面头部工具组样式 */

.jarviswidget > div.noborder {
  border: none;
}

.jarviswidget > header.nobgheader {
  border: none;
  background: none;
  line-height: 100%;
}

.jarviswidget > header.nobgheader .alert .close {
  line-height: 16px;
}

.jarviswidget > header.nobgheader .help {
  float: right;
}

.jarviswidget-sortable > header {
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
}

.jarviswidget > div {
  background-color: #fafafa !important;
}

.search {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.portlet .search input {
  width: 100%;
}

.search .input-group-addon {
  width: 26px;
  height: 26px;
}

.search .input-group-addon .glyphicon {
  top: -2px;
  left: -4px;
}

div.search input {
  padding: 0 6px;
  height: 26px;
  width: 12em;
}

.selectclassroomName {
  padding: 0 2px;
  height: 26px;
  width: 9.2em;
  vertical-align: 1px;
}

.selectServer {
  padding: 0 2px;
  height: 26px;
  width: 10em;
  vertical-align: 1px;
}

.dt-toolbar {
  float: none;
  z-index: 20;
}

.dt-toolbar .left-btn-group {
  line-height: 26px;
}

.dt-toolbar .filter {
  margin-left: 20px;
  line-height: 26px;
}

.dt-toolbar::after {
  clear: both;
  display: block;
  content: "";
}

/* 头部数据汇总条样式 */

.dataTables_wrapper .comment_mess {
  background: #fafafa;
  padding: 15px 4px;
}

.dataTables_wrapper .comment_mess_ul {
  background: #ededed;
  padding: 5px 4px;
}

.dataTables_wrapper .comment_mess .comment_mess_i {
  padding: 0 10px;
  margin-right: 20px;
  line-height: 26px;
}

.dataTables_wrapper .comment_mess .lable_name {
  font-weight: bolder;
  margin: 0;
}

/* IP输入框组 */

.sub-control {
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}

.sub-control.little {
  width: 20%;
}

.sub-chars {
  font-size: 22px;
  line-height: 24px;
  display: inline-block;
  vertical-align: sub;
}

/* 监控列表树 */

.jincheng {
  overflow: scroll;
  height: 579px;
}

.portlet-title::after,
.portlet-title::before {
  content: "";
  display: table;
  line-height: 0;
}

.portlet-title::after {
  clear: both;
}

.portlet.box {
  padding: 0 !important;
}

.portlet.box.grey {
  border: 1px solid #9d9c9c;
  border-top: 0;
  width: 164px;
}

.portlet.box.grey .portlet-title {
  background-color: #555;
}

.portlet.box .portlet-body {
  background-color: #fff;
  padding: 10px 0;
}

.monitor-tree .tree-branch {
  position: relative;
  height: 0;
  overflow: hidden;
}

.monitor-tree .parent.in .tree-branch {
  height: auto;
}

.tree-branch > li {
  padding-left: 37px;
}

.tree-branch > li:hover {
  background-color: #3276b1;
}

.tree-branch > li:hover a {
  color: #fff;
  text-decoration: none;
}

.tree-branch .tree-it em {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-size: 100%;
}

.tree-host {
  padding-left: 15px;
}

.tree-host .tree-it em {
  margin-right: 5px;
}

.tree-host .tree-toggle {
  height: 16px;
  line-height: 16px;
  display: inline-block;
}

.monitor-tree .parent.in .tree-toggle::before {
  content: "\e632";
}

.monitor-tree .parent .tree-toggle::before {
  content: "\e631";
}

.parent .active {
  background-color: #3276b1;
}

.parent .active .tree-it {
  color: #fff;
}

.tree-branch .tree-it .running {
  background-image: url(../img/computer-on.png);
}

.tree-branch .tree-it .shutoff {
  background-image: url(../img/computer-off.png);
}

/* license */

.my-smart-form .license-fieldest-padding {
  padding: 25px 14px 5px 40px;
}

.license-button {
  padding: 0 0 0 40px;
}

.license-div {
  padding: 15px 0 0 40px;
  width: 492px;
}

.license-info {
  margin: 0 0 10px;
}

.license-alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.license-alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.my-smart-form {
  margin: 0;
  outline: 0;
  color: #666;
  position: relative;
}

/* 终端 */

.mylla {
  margin: 0 0 8px 8px !important;
}

.clientQQ {
  text-align: center;
  margin: 0;
}

.clientQQ span {
  display: inline-block;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myboxSortshow {
  position: absolute;
  right: 0;
  top: 0;
}

.mysmallinput {
  width: 55px;
  line-height: normal;
  padding-left: 4px;
}

.parameterdisabled {
  display: block;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.table-responsive {
  border-bottom: 1px solid #ddd;
}

.table-responsive.noborderbottom {
  border-bottom: none;
  background-color: #fafafa;
}

.table-responsive.upgrade-detail-table {
  height: 300px;
  overflow: auto;
}

.grid_context_menu.mygrid_context_menu {
  background: none;
}

.bar-holder .progress {
  box-shadow: 1px 1px 4px #b9b9b9;
}

.terminal_configure {
  padding-left: 24px;
}

.terminal_configure input.in_hybird {
  top: 9px;
}

.terminal_configure .mode_time {
  width: 60px;
  padding: 2px 4px;
}

.terminal_configure .mode_time[disabled],
.terminal_configure .desktop_mode[disabled] {
  background-color: #eee !important;
}

.terminal_configure .dataTables_info {
  margin-left: -20px;
}

#hr2 .form-group > label {
  top: -5px;
}

/* 显示器状态图标 */

.status16 {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  vertical-align: -3px;
}

.status32 {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

.status50 {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

.status60 {
  width: 60px;
  height: 60px;
  display: inline-block;
  background-size: 100%;
  background-position: center;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

/* 终端五状态 桌面在线、选单在线、维护模式在线、离线、部署 */
.status16.power_on_windows,
.status32.power_on_windows {
  background-image: url(/img/terminal_power_on_windows.png);
}

.status16.power_on_linux,
.status32.power_on_linux {
  background-image: url(/img/terminal_power_on_linux.png);
}

.status16.power_off,
.status32.power_off {
  background-image: url(/img/terminal_power_off.png);
}

.status16.menu,
.status32.menu {
  background-image: url(/img/terminal_menu.png);
}

.status16.deploy,
.status32.deploy {
  background-image: url(/img/terminal_deploy.png);
}

.status16.defend,
.status32.defend {
  background-image: url(/img/terminal_defend.png);
}

.status16.other,
.status32.other {
  background-image: url(../img/computer-other.png);
}

.status32 img,
.status16 img,
.status60 img {
  width: 100%;
  height: 100%;
}

.status32.suspended,
.status16.suspended {
  background-image: url(../img/computer-suspended.png);
}

.status32.nostate,
.status16.nostate {
  background-image: url(../img/nostate.png);
}

.status32.shutdown,
.status16.shutdown {
  background-image: url(../img/computer-off.png);
}

.status60.loading,
.status60.reboot,
.status60.updating,
.status60.building,
.status50.loading,
.status50.reboot,
.status50.updating,
.status50.building,
.status32.loading,
.status32.reboot,
.status32.updating,
.status32.building,
.status16.loading,
.status16.reboot,
.status16.updating,
.status16.building {
  background-image: url(../img/ajax-loader.gif);
}

.status32.paused,
.status16.paused {
  background-image: url(../img/pause.png);
}

.status32.crashed,
.status32.error,
.status16.error {
  background-image: url(../img/computer-error.png);
}

.status32.blocked,
.status32.saved,
.status32.failed,
.status32.deleted {
  background-image: url(../img/computer-error.png);
}

.status32.migrating,
.status16.migrating {
  background-image: url(../img/mig.gif);
}

.status16.osicon-win7,
.status32.osicon-win7,
.status60.osicon-win7 {
  background-image: url("../img/win7.png");
}

.status16.osicon-win8,
.status32.osicon-win8,
.status60.osicon-win8 {
  background-image: url("../img/win8.png");
}

.status16.osicon-win2003,
.status32.osicon-win2003,
.status60.osicon-win2003 {
  background-image: url("../img/win2003.png");
}

.status16.osicon-win2008,
.status32.osicon-win2008,
.status60.osicon-win2008 {
  background-image: url("../img/win2008.png");
}

.status16.osicon-winxp,
.status32.osicon-winxp,
.status60.osicon-winxp {
  background-image: url("../img/winxp.png");
}

.status16.osicon-linux,
.status32.osicon-linux,
.status60.osicon-linux {
  background-image: url("../img/linux.png");
}

.status16.osicon-centos,
.status32.osicon-centos,
.status60.osicon-centos {
  background-image: url("../img/centos.png");
}

.status16.osicon-winserver2012,
.status32.osicon-winserver2012,
.status60.osicon-winserver2012 {
  background-image: url("../img/winServer2012.png");
}

.status16.osicon-winserver2016,
.status32.osicon-winserver2016,
.status60.osicon-winserver2016 {
  background-image: url("../img/winServer2016.png");
}

.status16.osicon-win11,
.status32.osicon-win11,
.status60.osicon-win11 {
  background-image: url("../img/win11.png");
}

.status16.osicon-debian,
.status32.osicon-debian,
.status60.osicon-debian {
  background-image: url("../img/debian.png");
}

.status16.osicon-fedora,
.status32.osicon-fedora,
.status60.osicon-fedora {
  background-image: url("../img/fedora.png");
}

.status16.osicon-unknown,
.status16.osicon-other,
.status32.osicon-unknown,
.status32.osicon-other,
.status60.osicon-unknown,
.status60.osicon-other {
  background-image: url("../img/other.png");
}

.status16.osicon-redhat,
.status32.osicon-redhat,
.status60.osicon-redhat {
  background-image: url("../img/redhat.png");
}

.status16.osicon-ubuntu,
.status32.osicon-ubuntu,
.status60.osicon-ubuntu {
  background-image: url("../img/ubuntu.png");
}

.status16.osicon-neokylin,
.status32.osicon-neokylin,
.status60.osicon-neokylin {
  background-image: url("../img/neokylin.png");
}

.status16.osicon-yhkylin,
.status32.osicon-yhkylin,
.status60.osicon-yhkylin {
  background-image: url("../img/yhkylin.png");
}

.status16.osicon-uos,
.status32.osicon-uos,
.status60.osicon-uos {
  background-image: url("../img/uos.png");
}

.status16.osicon-nfs,
.status32.osicon-nfs,
.status60.osicon-nfs {
  background-image: url("../img/nfs.png");
}

.status50 {
  background-repeat: no-repeat;
}

.status50.running {
  background-image: url(../img/intance_running.png);
}

.status50.shutdown {
  background-image: url(../img/intance_shutdown.png);
}

.status50.building {
  background-image: url(../img/ajax-loader.gif);
  background-size: 80% 100%;
}

.status50.migrating {
  background-image: url(../img/intance_mig.gif);
}

.status50.paused {
  background-image: url(../img/intance_pause.png);
}

.status50.error,
.status50.crashed {
  background-image: url(../img/intance_error.png);
}

.status50.nostate {
  background-image: url(../img/intance_nostate.png);
}

.form-group.bind .note {
  display: inline;
  vertical-align: middle;
}

.form-group.bind .padding {
  padding-left: 23px;
}

.monitor-mess {
  margin-bottom: 20px;
  background: #ededed;
  padding: 5px 14px;
}

.monitor-mess > li {
  float: left;
  margin-right: 25px;
  color: #000;
}

.monitor-mess > li > label {
  font-weight: bold;
}

/* 开关按钮样式 */

.switch .switch-label {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 30%;
  -webkit-box-shadow: 0px 1px 1px 1px #646464 inset;
  box-shadow: 0 1px 1px 1px #646464 inset;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px;
  background-color: #959595;
  position: relative;
  width: 50px;
  text-align: right;
  height: 20px;
}

.switch-checkbox {
  display: none;
}

.switch-checkbox[disabled] + .switch-label {
  cursor: not-allowed;
}

.switch .switch-label::before,
.switch .switch-label::after {
  display: inline-block;
  padding: 1px 6px;
  line-height: 18px;
  box-sizing: border-box;
}

.switch .switch-label::before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: absolute;
  left: 3px;
  top: 2px;
  right: auto;
  padding: 0;
}

.switch .switch-label::after {
  content: attr(data-swchoff-text);
  color: #fff;
  text-align: right;
  width: 100%;
}

.switch .switch-checkbox:checked + .switch-label {
  background-color: #1874b3;
  box-shadow: 0 1px 1px 1px #06568f inset;
  box-shadow: 0 1px 1px 1px #06568f inset;
}

.switch-checkbox:checked + .switch-label::after {
  content: attr(data-swchon-text);
  color: #fff;
  text-align: left;
}

.switch-checkbox:checked + .switch-label::before {
  right: 3px;
  top: 2px;
  left: auto;
}

/* .switch .switch-label{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	background-color: #fff;
	border-color: #ccc;
	border-style:solid;
	border-width:1px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	font-size: 13px;
}
.switch-checkbox {
	display: none;
}
.switch-checkbox[disabled]+.switch-label {
	cursor:not-allowed;
}
.switch .switch-label .switch-inner:before,.switch .switch-label .switch-inner:after{

	width:50%;height:50%;
	display:inline-block;
	padding:3px 8px;
	box-sizing: border-box;
	border: 1px solid #fff;
}
.switch .switch-label .switch-inner:before{
	content:attr(data-swchon-text);
	background-color:#fff;
	color:#000;

}
.switch .switch-label .switch-inner:after{
	content:attr(data-swchoff-text);
	background-color:#BABABA;
	color:#fff;

}
.switch .switch-checkbox:checked+ .switch-label .switch-inner:after{
	background-color:#fff;
	color:#000;
}
.switch .switch-checkbox:checked+ .switch-label .switch-inner:before{
	background-color:#1874B3;
	color:#fff;
} */

.table-condensed.table > tbody > tr > td,
.table-condensed.table > tbody > tr > th,
.table-condensed.table > tfoot > tr > td,
.table-condensed.table > tfoot > tr > th,
.table-condensed.table > thead > tr > td,
.table-condensed.table > thead > tr > th {
  padding: 8px 10px !important;
}

.table .radio {
  padding: 0;
  margin: 0;
}

.mycolor_ico.icon-jj-Complete::before {
  color: rgb(53 102 53);
}

.mycolor_ico.icon-jj-close-2::before {
  color: rgb(237 28 36);
}

/* 与存储input[disabled]冲突 */

/* label input[type=checkbox].checkbox:checked+span:before {
	color: #2E7BCC;
	content:"\e62c";
	font-family: 'icomoon';
} */

.datapan {
  position: relative;
  margin: 15px 0;
}

.datapan .mydatapan {
  position: absolute;
  top: 6px;
  left: -106px;
  display: inline-block;
  width: 80px;
  text-align: right;
}

/**  gym 20150825  **/

.tab-content.template .tab-pane {
  height: 160px;
  overflow-y: auto;
}

.icon-jj-lock.mylock::before {
  font-size: 20px;
  position: absolute;
  top: -32px;
  left: 10px;
}

.myfile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0%;
  cursor: pointer;
}

/* 进度条 */

#uploadISO {
  float: left;
  position: relative;
  color: #fff;
  background-color: #3276b1;
  border-color: #2c699d;
  border-radius: 2px;
  border-radius: 2px;
  border-radius: 2px;
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 5%);
  padding-left: 9px;
}

.uploadFile #uploadISO {
  padding-left: 6px;
  display: inline-block;
  vertical-align: bottom;
  margin: 4px 4px 0;
}

#uploadISO:hover {
  color: #fff;
  background-color: #275b89;
  border-color: #1f496d;
}

#uploadISO object {
  top: 0;
  left: 0;
}

#uploadISO .uploadify-button {
  text-align: center;
  color: #3276b1;
}

#uploadISO .uploadify-button::before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e633";
  font-size: 13px;
  float: left;
  line-height: 32px;
  color: #fff;
}

.uploadFile #uploadISO .uploadify-button::before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e644";
  font-size: 10px;
  float: left;
  line-height: 20px;
  color: #fff;
  margin-right: 3px;
}

.uploadify-button-text {
  font-size: 12px;
  float: left;
  color: #fff;
}

.uploadify-queue {
  margin-right: 10px;
}

.uploadFile .uploadify-queue {
  margin-right: 8px;
}

.uploadify-queue .uploadify-queue-item {
  padding: 0 20px;
  position: relative;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uploadify-queue .cancel {
  position: absolute;
  right: 0;
}

.uploadify-queue .uploadify-progress {
  position: relative;
  overflow: hidden;
  height: 7px;
  line-height: 7px;
  background: #eee;
  box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  border-radius: 0;
  border-radius: 0;
  border-radius: 0;
}

.uploadify-queue .uploadify-progress .uploadify-progress-bar {
  position: absolute;
  overflow: hidden;
  background-color: #57889c;
  float: left;
  width: 0;
  height: 100%;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background-color: #57889c;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
  font-weight: 700;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  background-image: url(../img/pattern/overlay-pattern.png);
  transition: width 0.6s ease;
  transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.disabled_ico::before {
  color: #c1c1c1;
}

#uploadISO-queue {
  float: left;
  height: 32px;
}

.uploadFile #uploadISO-queue {
  position: absolute;
  top: -8px;
  left: 246px;
}

/* uploadify-end */

/* .form-group .checkbox-inline+.checkbox-inline,.form-group .radio-inline+.radio-inline{
	margin-left:0px;
} */

/* 进度条 */

.progress {
  margin-bottom: 0;
  width: 100%;
}

.upload-progress {
  /* -webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1; */
  margin-left: 10px;
  position: relative;
}

.upload-progress .progress {
  margin-top: 4px;
}

.upload-cancel-icon {
  position: absolute;
  left: 100%;
  top: 0;
  cursor: pointer;
  margin-left: 55px;
  z-index: 10;
}

.upload-cancel-icon:hover {
  color: #aaa;
}

.upload-mess {
  min-height: 22px;
  max-width: 200px;
  line-height: 22px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-percent {
  white-space: nowrap;
  position: absolute;
  left: 100%;
  margin-left: 3px;
  top: -2px;
}

.upload-mess .progress-word {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 排序 */

.mysortform .boxsort {
  overflow: scroll;
  height: 100%;
  position: relative;
  bottom: 50px;
}

.ico_complete {
  display: block;
  margin: 0 auto;
  width: 82px;
  color: #ddd;
  font-size: 88px;
}

.wrong {
  display: none;
}

em.font-w {
  font-style: normal !important;
}

#sparks .sparks-info h5 {
  text-transform: none;
}

.widget-body .step-pane.step-pane-desk {
  height: auto;
}

.form-group .radio .explain {
  color: #aaa;
  font-size: 12px;
}

.user-table {
  width: 100%;
}

.user-table .control-label {
  width: 40%;
  padding-bottom: 6px;
}

.user-table .control-label-null {
  width: 20%;
}

.user-table .control-label-select {
  width: 100%;
  height: 160px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.user-table .control-label-select select {
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
}

.more_list_container {
  display: inline-block;
  position: relative;
}

.more_list_container:hover .my_menu_wrapper {
  display: block;
}

.my_menu_wrapper {
  position: absolute;
  z-index: 1000;
  top: 28px;
  left: -56px;
  background: #fff;
  opacity: 100%;
  box-shadow: 0 0 8px #333;
  display: none;
}

.more_list_container-right .my_menu_wrapper {
  right: 0;
  left: auto;
}

.my_menu_wrapper span.fa {
  margin-right: 5px;
  position: relative;
  bottom: 0;
}

.my_menu_wrapper .menu_item a {
  min-width: 180px;
  padding-left: 20px;
}

.my_menu_wrapper .arraw::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: -12px 74px 0;
  z-index: 999999;
  width: 0;
  height: 0;
  border: 6px solid #999;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.my_menu_wrapper .arraw::after,
.alarm .arraw::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: -10px 75px 0;
  z-index: 9999999;
  width: 0;
  height: 0;
  border: 5px solid #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

.more_list_container-right {
  padding: 10px;
}

.more_list_container-right .my_menu_wrapper .arraw::before {
  left: auto;
  right: 5px;
  margin: auto;
  margin-top: -12px;
}

.more_list_container-right .my_menu_wrapper .arraw::after,
.alarm .arraw::after {
  left: auto;
  right: 6px;
  margin: auto;
  margin-top: -10px;
}

.alarm .arraw::after {
  margin: 0;
}

.alarm .arraw {
  position: absolute;
  right: 40px;
  top: -10px;
}

.form-horizontal[name="addStorageForm"] .form-group {
  margin-right: 0;
}

.panel-cont.domain-mess .panel-mess {
  padding-bottom: 10px;
}

.panel-cont.domain-mess .panel-mess .panel-item label {
  width: 25%;
}

.domain-mess a {
  color: #fff;
}

.panel-cont.domain-mess .panel-mess .panel-item .item-flex {
  word-wrap: break-word;
}

.panel .panel-footbar.user-domain-panel {
  display: block;
}

.user-menus .operators {
  top: 28%;
}

form.is_error .menus-error {
  background: #fff0f0;
  border-color: #a90329;
}

.dir-user-menu {
  padding-top: 7px;
}

.menus {
  height: 100px;
  overflow: auto;
  margin: 5px 0 10px;
  padding: 5px;
  border: 1px solid #ccc;
  cursor: default;
  user-select: none;
}

.menus img {
  display: inline-block;
  margin-top: 52px;
}

.menu .menu_header span.icon-jj::before {
  content: "\e622";
}

.menu .menu_header.open span.icon-jj::before {
  content: "\e625";
}

.menu .menu_header,
.menu .menu_body {
  width: 100%;
}

.menu .menu_header + .menu_body {
  height: 0;
  overflow: hidden;
}

.menu .menu_header.open + .menu_body {
  height: auto;
}

.menu .menu_header .pull-right,
.menu .menu_body li .pull-right {
  display: none;
}

.menu .menu_header:hover .pull-right,
.menu .menu_body li:hover .pull-right {
  display: inline-block;
  margin-top: 2px;
  margin-right: 3px;
  color: #696969;
}

.menu .menu_header:hover .pull-right:hover,
.menu .menu_body li:hover .pull-right:hover {
  color: #323232;
}

.menu .menu_header .menu-name {
  display: inline-block;
  width: 72%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

/* .menu .menu_header:hover,.menu .menu_body li:hover{
	background: #ccc;
} */

/* .menu .menu_header:active,.menu .menu_body li:active{
	background: #1e90ff;
} */

.menu.menu-tree .menu_body {
  padding-left: 20px;
}

/* .menu.menu-tree .menu_body li{
	border-left:1px solid #999;
} */

.itemActive {
  background: #ccc;
}

/* .itemActive:hover{
	background:#1e90ff;
} */

.menu select {
  width: 100%;
  height: 160px;
  overflow: auto;
}

.user-menus .domain-operators {
  height: 100%;
  top: 40%;
}

/* form-vertical样式 */

.form-vertical {
  display: row;
}

.form-vertical .form-label {
  margin-right: 20px;
}

.form-vertical > fieldset {
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

.form-vertical .form-item {
  padding: 0 10px;
}

.form-vertical .form-item.disabled {
  color: #c4c4c4;
}

.form-vertical input[type="text"],
.form-vertical input[type="number"],
.form-vertical input[type="email"],
.form-vertical input[type="password"],
.form-vertical select {
  border-color: #bdbdbd;
  transition: border-color 0.3s;
  display: block;
  width: 100%;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  color: #404040;
  height: 32px;
  padding: 5px 10px;
  box-sizing: border-box;
}

.form-vertical input[type="text"]:focus,
.form-vertical input[type="number"]:focus,
.form-vertical input[type="email"]:focus,
.form-vertical input[type="password"]:focus,
.form-vertical select:focus {
  border-color: #5d98cc;
}

.form-vertical input[type="text"].ng-invalid.ng-dirty,
.form-vertical input[type="number"].ng-invalid.ng-dirty,
.form-vertical input[type="email"].ng-invalid.ng-dirty,
.form-vertical input[type="password"].ng-invalid.ng-dirty,
.form-vertical select.ng-invalid.ng-dirty {
  background: #fff0f0;
  border-color: #a90329;
}

.form-horizontal input[type="text"].ng-invalid.ng-dirty,
.form-horizontal input[type="number"].ng-invalid.ng-dirty,
.form-horizontal input[type="email"].ng-invalid.ng-dirty,
.form-horizontal input[type="password"].ng-invalid.ng-dirty,
.form-horizontal select.ng-invalid.ng-dirty {
  background: #fff0f0;
  border-color: #a90329;
}

.form-vertical input.sm {
  height: 22px;
  line-height: 22px;
  padding: 5px 10px;
}

/* 标签云 */

.tagarea {
  border: 1px solid #bdbdbd;
  padding: 10px;
  height: 120px;
  overflow-y: auto;
  position: relative;
}

.tagarea.tagarea-nopadding {
  padding: 0;
  height: 200px;
  overflow-y: auto;
}

form.is_error .tagarea.border-red,
form.is_error .border-red {
  background: #fff0f0;
  border-color: #a90329;
}

.tag-wrap {
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}

.tagarea .tag {
  border-radius: 3px;
  background: #ddd;
  padding: 2px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.15s linear 0s;
  transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

.tagarea .tag.on {
  color: #fff;
}

.tagarea .tag input[type="checkbox"] {
  display: none;
}

.tag-checkbox {
  padding: 0;
  margin-bottom: 5px;
}

/* 模板同步 */

.sync_status span {
  vertical-align: -2px;
}

.sync_status button {
  padding: 4px;
}

.syncTemIco.failed::after {
  content: "!";
  position: absolute;
  left: 8px;
  top: 3px;
}

.syncTemIco.syncing::after {
  content: "↓";
  position: absolute;
  left: 6px;
  top: 3px;
  font-weight: bold;
}

.syncTemIco.normal::after {
  content: "";
}

/* 终端参数设置 */

.specialHeight {
  min-height: 250px;
  margin-bottom: 10px;
}

.specialHeight + div {
  margin-bottom: 10px;
}

.networkName {
  display: inline-block;
  max-width: 100%;
  word-break: break-all;
}

.ha-servers {
  height: 80px;
}

/* 用户角色 */

.rolemanage {
  border: 1px solid #bdbdbd;
  padding: 10px;
  height: 164px;
  width: 92%;
  overflow-x: hidden;
}

.rolemanage > .row {
  padding-left: 12px;
}

.rolecheckAll {
  float: right;
}

.sublist {
  margin-left: 22px !important;
}

.selectroles {
  padding-left: 30px;
}

.selectroles > div {
  position: relative;
}

.select_arrow,
.role_up_arrow {
  display: inline-block;
  position: absolute;
  left: -18px;
  top: 10px;
  width: 0;
  height: 0;
  border: 6px solid #666;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

.role_down_arrow {
  display: inline-block;
  position: absolute;
  left: -14px;
  top: 4px;
  width: 0;
  height: 0;
  border: 6px solid #666;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.disable_power {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ADMIN {
  color: #999;
}

.grayBLUE {
  background-color: #668eb2 !important;
  color: #fff !important;
}

label.checkbox-inline.checkbox-align {
  padding-bottom: 5px;
  padding-top: 5px;
}

/* ip输入框样式 */

input[type="text"][format-ip] + span[role="ipgroup"] {
  width: 100%;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 32px;
  box-sizing: border-box;
  padding: 5px;
  transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}

input[type="text"][format-ip] + span[role="ipgroup"].focus {
  border-color: #5d98cc;
}

input[type="text"][format-ip] + span[role="ipgroup"] > input[type="text"] {
  border: 0;
  text-align: center;
  border-width: 0;
  flex: 1;
  width: 20%;
  height: auto;
  padding: 0;
}

input[type="text"][format-ip] + span[role="ipgroup"] > span.dot {
  align-self: flex-end;
  user-select: none;
  user-select: none;
}

input[type="text"][format-ip].ng-invalid.ng-dirty + span[role="ipgroup"] {
  background: #fff0f0;
  border-color: #a90329;
}

input[type="text"][format-ip] + span[role="ipgroup"] > input[type="text"] {
  background-color: transparent;
  border-color: transparent;
}

input[type="text"][disabled][format-ip] + span[role="ipgroup"] {
  background-color: #eee;
}

input[type="text"][disabled][format-ip] + span[role="ipgroup"] > input[type="text"] {
  pointer-events: none;
}

form.is_error input[type="text"][format-ip].ng-invalid-required + span[role="ipgroup"] {
  background: #fff0f0;
  border-color: #a90329;
}

/* end ip输入框样式 */

.jarviswidget > header .more {
  float: right;
  height: 100%;
  line-height: 32px;
  padding-right: 10px;
}

.jarviswidget > header.home-header {
  box-shadow: none;
  box-shadow: none;
}

.td-inside-laout {
  display: inline-block;
  padding: 2px 4px;
}

table > tbody > tr > td.ver_middle {
  border-left: 1px solid #ddd;
  vertical-align: middle;
}

table > tbody > tr > td .updata-btn-wraper {
  height: 30px;
}

.input-group-addon.input-group-addon-disk {
  width: 40px;
  text-align: center;
  padding: 0;
}

.help-block.help-block-host {
  padding-left: 13px;
}

.menu_label[disabled] {
  color: #ddd;
  pointer-events: none;
}

.sys-iso-tip {
  position: absolute;
  top: 8px;
  left: 26px;
}

.view_personal_desktop {
  /* position: relative; */
}

.view_personal_desktop .disabled {
  color: grey;
  pointer-events: none;
}

.view_personal_desktop .pagination .disabled {
  color: unset;
  pointer-events: unset;
}

.view_personal_desktop .disabled + span {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}

/* login style */

.login_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
}

#login_masker {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.login_wrapper {
  width: 600px;
  height: 255px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.login_wrapper .login_logo {
  height: 55px;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
}

.login_wrapper .login_logo.login_logo_cn {
  width: 316px;
  background: url(../img/skin0/login_masker.png) no-repeat;
}

.login_wrapper .login_logo.login_logo_en {
  width: 435px;
  background: url(../img/skin0/login_masker_en.png) no-repeat;
}

#login_masker .smart-form {
  margin-left: 50px;
}

#login_masker .smart-form fieldset,
#login_masker .smart-form footer {
  background: none;
}

#login_masker .smart-form footer {
  border: 0 none;
}

.login_wrapper .copyright {
  text-align: center;
  margin-top: 40px;
  margin-left: -23px;
}

.login_wrapper .copyright p {
  margin: 0;
}

#login_masker .smart-form fieldset label.input {
  display: inline-block;
  margin: 8px;
}

#login_masker .smart-form button {
  display: inline-block;
  width: 80px;
  height: 32px;
}

#login_masker .login_wrapper table.layout td {
  padding: 36px 8px;
}

#login_masker .right_bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  margin-right: 15px;
}

form .s-legend {
  font-size: 14px;
  line-height: 20px;
}

.form-group .control-des > label {
  margin-right: 20px;
  display: inline-block;
  font-size: 14px;
}

.tagarea .custom-tag {
  margin-bottom: 5px;
}

.tagarea .custom-tag span.name,
.tagarea .custom-tag span.des,
.tagarea .custom-tag input {
  display: inline-block;
}

.tagarea .custom-tag span.name {
  width: 50%;
}

.tagarea .custom-tag span.des,
.tagarea .custom-tag input {
  width: 20%;
  height: 24px;
  padding: 2px 0 2px 10px;
  font-size: 12px;
  border-radius: 2px;
}

.tagarea .custom-tag span.des {
  color: #999;
}

.table.tabalcell-noborder > tbody > tr {
  cursor: default;
}

.table.tabalcell-noborder > tbody > tr > td {
  border: 0;
  padding: 5px 10px !important;
}

.sortdialog-h {
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 16px;
  margin-left: 1em;
}

.ha-space-line {
  padding-bottom: 5px;
  border-bottom: 1px dashed #ddd;
  width: 80%;
  margin: 20px auto;
}

.ha-new-wrap {
  padding: 5px;
  overflow-y: auto;
  height: 140px;
  border: 1px solid #ddd;
  margin-bottom: 0;
}

.ha-new-wrap dt > label {
  font-weight: bold;
}

.ha-new-wrap .ha-wrap-left-width {
  padding-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.storage-tabel table {
  width: 100%;
}

.storage-tabel .storage-tabel-first > thead > tr th {
  width: 13%;
  word-break: break-all;
}

.storage-tabel .storage-tabel-first > thead > tr th:last-child {
  width: 6%;
}

.storage-tabel .storage-tabel-first > tbody > tr > td:nth-child(1) {
  border-right: 1px solid #ddd;
  vertical-align: middle;
}

.storage-tabel .storage-tabel-first td.nopadding {
  padding: 0 !important;
}

.storage-tabel .storage-tabel-second > tbody > tr > td:nth-child(1) {
  width: 14.8%;
  padding: 5px 10px;
  word-break: break-all;
  border-right: 1px solid #ddd;
  vertical-align: middle;
}

.storage-tabel.storage-tabel-unsigned .storage-tabel-second > tbody > tr > td:nth-child(1) {
  width: 15.2%;
}

.storage-tabel.storage-tabel-unsigned .storage-tabel-third > tbody > tr > td {
  width: 14%;
}

.storage-tabel .storage-tabel-second > tbody > tr {
  border-bottom: 1px solid #ddd;
}

.storage-tabel .storage-tabel-second > tbody > tr:last-child {
  border-bottom: 0;
}

.storage-tabel .storage-tabel-third > tbody > tr > td {
  width: 10%;
  padding: 9px 10px;
  word-break: break-all;
  border-right: 1px solid #ddd;
}

.storage-tabel .storage-tabel-third > tbody > tr > td:last-child {
  border-right: 0;
}

.storage-tabel .storage-tabel-third > tbody > tr > td:last-child {
  width: 6%;
}

.classroomNet.bind_ip_disable {
  position: relative;
}

.classroomNet.bind_ip_disable::before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
  background-color: #eee;
  border: 1px solid #ccc;
}

.classroomNet.bind_ip_able::before {
  content: "";
}

.alarm {
  color: #fff;
  font-size: 14px;
  -line-height: 68px;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
}

.alarm span {
  font-family: "MicroSoft YaHei";
  margin-left: 6px;
}

.alarm footer {
  margin-top: 10px;
}

.alarm footer a {
  padding: 4px 8px;
  font-size: 14px;
}

.alarm .modal-content {
  position: absolute;
  min-width: 500px;
  right: 0;
  top: 25px;
}

.alarm .number strong {
  font-family: "Open Sans", Arial, Helvetica, "Microsoft YaHei", sans-serif;
}

.template-loadding {
  border: 1px solid #ddd;
  text-align: center;
  height: 196px;
}

.template-loadding.template-personal-loadding {
  height: 130px;
}

.template-loadding img,
.template-loadding .template-loadding-center {
  margin-top: 40px;
}

.table-template.table {
  margin-bottom: 0;
}

.table-template.table > tbody > tr > td {
  padding: 0 0 0 10px !important;
  vertical-align: middle;
}

.tab-content.template-personal .tab-pane {
  height: 80px;
}

.select_Monitor {
  position: relative;
  bottom: 4px;
  left: 10px;
}

.storage-dt-toolbar {
  padding: 8px 0;
}

.storage-dt-toolbar::after {
  content: "";
  clear: both;
  display: block;
}

.storage-dt-toolbar .right_side {
  text-align: right;
}

.jarviswidget > header.storage_header {
  border-width: 0 0 1px;
  border-color: #aaa;
  border-style: solid;
  font-size: 16px;
  color: #000;
}

.ha_readable .form-group > label + div {
  padding-top: 7px;
}

.smart-form .icon-append {
  font-family: "FontAwesome";
}

textarea {
  resize: none;
}

.breadcrumb > li {
  line-height: normal;
}

.logo-word {
  width: 100%;
  text-align: center;
  font-size: 36pt;
  color: #fff;
  position: absolute;
  top: 10px;
}

.nav-tabs.nav-justified > li,
.nav-tabs > li {
  cursor: pointer;
}

.padding-btn {
  padding: 6px 12px;
}

.modal-content-blank {
  height: 100px;
  text-align: center;
  padding-top: 38px;
}

.localStoragetable-first > thead th {
  text-align: center;
}

.localStoragetable-first > tbody > tr > td {
  vertical-align: middle;
}

.localStoragetable tbody > tr ~ tr > td {
  border-top: 1px solid #ddd;
}

.localStoragetable > tbody > tr > td,
.localStoragetable table tr > td ~ td {
  border-left: 1px solid #ddd;
  line-height: 45px;
  text-align: center;
}

.remoteTable td ~ td,
.remoteTable-first td ~ td {
  border-left: 1px solid #ddd;
  line-height: 45px;
  text-align: center;
}

.remoteTable-first > tbody > tr > td {
  vertical-align: middle;
}

.remoteTable tbody > tr ~ tr > td {
  border-top: 1px solid #ddd;
}

.localStoragetable-first a,
.remoteTable-first a {
  cursor: pointer;
}

.localStoragetable-first a.ADMIN,
.remoteTable-first a.ADMIN {
  color: #666 !important;
}

/* 分布式存储tab */
.localStoragetable-distribute a.ADMIN {
  color: #666 !important;
}

.multiple-select {
  position: relative;
}

.select-match {
  width: 100%;
  display: table;
  border: 1px solid #ccc;
}

.select-match .select-match-btn {
  display: table-cell;
  width: 40px;
  background-color: #eee;
  text-align: center;
  border-left: 1px solid #ccc;
}

.select-match .select-match-input {
  display: table-cell;
  padding: 5px 12px;
  height: 30px;
  width: 100%;
  background-color: transparent;
  border: 0;
}

.select-menu.open {
  display: block;
}

.select-menu {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  position: absolute;
  display: none;
  background-color: #fff;
  z-index: 999;
  max-height: 300px;
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  top: 31px;
  padding: 10px 0;
}

.select-menu .group {
  margin-bottom: 0;
  padding-left: 10px;
}

.select-menu .group .group-item {
  padding-left: 14px;
  cursor: default;
  line-height: 20px;
}

.select-menu .group .group-item:hover,
.select-menu .group .group-item.active {
  background-color: #3276b1;
  color: #fff;
}

.multiple-select .select-hidden.ng-invalid ~ .select-match {
  background: #fff0f0;
  border-color: #a90329;
}

.multiple-select .select-hidden.ng-pristine ~ .select-match {
  background: #fff0f0;
  border-color: #a90329;
  border: 1px solid #ccc;
}

.localStoragetable table tr > td ~ td.imgManage,
.remoteTable tbody > tr ~ tr > td.imgManage,
.remoteTable-first td ~ td.imgManage {
  line-height: 20px;
}

.sendFaild {
  color: red;
}

#configMonitorAlarmForm fieldset .form-group,
#addMonitorAlarmForm fieldset .form-group {
  margin-bottom: 5px;
}

#configMonitorAlarmForm fieldset > legend,
#addMonitorAlarmForm fieldset > legend {
  font-size: 13px;
  border: 0;
  margin: 0;
}

#configMonitorAlarmForm fieldset > section,
#addMonitorAlarmForm fieldset > section {
}

#configMonitorAlarmForm .form-control-inline,
#addMonitorAlarmForm .form-control-inline {
  width: 80px;
  margin-right: 10px;
  display: inline-block;
  height: 24px;
  padding: 0 10px;
}

:lang(en) #configMonitorAlarmForm .form-control-inline,
:lang(en) #addMonitorAlarmForm .form-control-inline {
  width: 56px;
  margin-right: 4px;
}

:lang(en) #addMonitorAlarmForm .alarm-label {
  width: 34%;
}

:lang(en) #addMonitorAlarmForm .alarm-percent {
  width: 19%;
}

:lang(en) #addMonitorAlarmForm .alarm-time {
  width: 30%;
}

.overflowImgManage {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: auto;
}

#left-panel {
  padding-bottom: 80px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

#left-panel::-webkit-scrollbar {
  display: none;
}

#left-panel.show-menu {
  display: block;
}

#left-panel.show-menu-add {
  transition: all 0.2s linear;
  margin-left: -220px;
}

#left-panel.show-menu-add-active {
  margin-left: 0;
}

#left-panel.hide-menu {
  display: none;
}

#left-panel .show-sub-menu {
  display: block;
}

#left-panel .hide-sub-menu {
  display: none;
}

#hint_bar {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  margin-bottom: 0;
}

.border-wrap-ul {
  border: 1px solid #ddd;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  max-height: 140px;
  min-height: 140px;
  overflow-y: auto;
}

.border-wrap-dl {
  padding-left: 26px;
  margin: 0;
}

.planTime {
  padding: 2px 4px;
  height: 24px;
  width: 74%;
}

.form-group input[type="number"].ng-valid.planTime.gray {
  background-color: #eee;
}

.switchtime > div ~ div {
  margin: 5px;
}

.switch_mode {
  height: 150px;
  overflow-y: scroll;
  border: 1px solid #ccc;
}

.switch_mode > img {
  display: block;
  margin: 10px auto;
}

.switch_mode .tips {
  padding-top: 10px;
  background-color: #fff;
}

.switch_mode .mode_parent > a {
  margin-top: 8px;
}

.switch_mode .sublist {
  margin-left: 42px !important;
}

.switch_mode .sublist .checkbox-inline {
  padding-top: 4px;
}

.templateDetail .form-group > label {
  font-weight: bold;
  text-align: right;
}

.templateDetail .form-group {
  margin-bottom: 10px;
}

.control-bar .control-bar-l {
  float: left;
  width: 70%;
  margin-top: 6px;
}

.control-bar .control-bar-r {
  float: right;
  text-align: right;
  width: 30%;
}

.vtop-table {
  width: 100%;
}

.vtop-table td {
  vertical-align: top;
}

.vdi_expend-wrap {
  text-align: left;
  margin-bottom: 10px;
}

.vdi_expend-wrap > label {
  font-weight: bold;
  display: block;
  width: 25%;
  padding-right: 10px;
  text-align: right;
  box-sizing: border-box;
}

.vdi_expend-wrap .form-group > label {
  padding-right: 10px;
  box-sizing: border-box;
}

.vdi_expend-wrap .margin-b-5 {
  min-height: 20px;
}

.alarms .content {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select-personal {
  border: 1px solid #bdbdbd;
  padding: 10px;
  height: 150px;
  overflow-y: auto;
}

.init-note {
  padding-left: 13px;
  padding-right: 13px;
}

.switch-tabel .switch-tabel-first .nopadding {
  padding: 0 !important;
}

.switch-tabel-second {
  width: 100%;
}

.switch-tabel-second tr {
  line-height: 30px;
}

.switch-tabel-second tr > td:nth-child(1),
.switch-tabel-second tr > td:nth-child(2) {
  border-right: 1px solid #ddd;
}

.switch-tabel-second tr + tr > td {
  border-top: 1px solid #ddd;
}

.outside .tip {
  padding-top: 20px;
  color: #969696;
}

.outside .state-disabled {
  position: relative;
}

.outside .state-disabled::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
}

.outside .state-disabled span[role="ipgroup"] {
  background-color: #eee;
}

.alert-console {
  background-color: transparent;
  border: 0;
}

.form-horizontal input[type="number"].no-error-style.ng-dirty.ng-invalid-required {
  background-color: #fff;
  border-color: #ccc;
}

.form-horizontal form.is_error input[type="number"].no-error-style.ng-dirty.ng-invalid-required {
  background: #fff0f0;
  border-color: #a90329;
}

.smart-form .checkbox.state-error i,
.smart-form .radio.state-error i,
.smart-form .state-error input,
.smart-form .state-error select,
.smart-form .state-error textarea,
.smart-form .toggle.state-error i {
  border-color: #a90329 !important;
}

.form-group.has-error input[type="text"].ng-dirty {
  background: #fff0f0;
  border-color: #a90329;
}

.week-label {
  padding-right: 25px !important;
  margin-left: 0 !important;
}

.teach-desk {
  padding-left: 50px;
  margin-bottom: 15px;
}

.offline-connect {
  margin-top: 10px;
}

.offline-connect .disableOfflineConnect {
  color: #eee;
}

.sysSet h4 {
  font-size: 15px;
  font-weight: bold;
}

.desk-border {
  border-bottom: 1px solid #ccc;
  margin: -10px 0 20px;
  display: block;
}

.btn-update {
  margin: 15px 67px 10px 0;
}

.btn-save {
  margin: 20px 0 10px;
}

.btn-cencel {
  margin: 20px 67px 10px 10px;
}

.time-server {
  margin: 5px 0 10px 22px;
}

.timeSync {
  margin: 20px 0 0 20px;
}

.timeSync .server {
  padding: 33px 15px 15px;
}

.timeSync .hour::before,
.timeSync .minute::before,
.clearTime .hour::before,
.clearTime .minute::before {
  content: ":";
  position: absolute;
  left: 106%;
  top: 18%;
}

.timeSync .hour,
.timeSync .minute,
.timeSync .second,
.clearTime .hour,
.clearTime .minute,
.clearTime .second {
  position: relative;
  padding-right: 0;
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
  background-color: #ddd;
  border-color: #ccc;
}

.split-line {
  display: block;
  height: 0;
  line-height: 0;
  border-top: 1px dotted #cecece;
  margin: 35px 0;
}

.diskimg-list {
  min-height: 160px;
  max-height: 160px;
  overflow: auto;
  border-radius: 5px;
  border: 1px solid #dadce0;
}

.diskimg-list li {
  display: block;
  padding-left: 7px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  color: #515a6e;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-block {
  padding: 8px;
}

.btn-block .btn + .btn {
  margin-left: 25px;
}

.required-label::after {
  content: "*";
  color: red;
  display: inline-block;
  vertical-align: middle;
}

.quick-deploy-helpmsg {
  color: #969696;
}

.diskimg-list .quick-deploy-empty-imgs {
  height: 160px;
  line-height: 160px;
  color: #969696;
  text-align: center;
}

.quick-deploy-toolbar {
  margin: 10px 0;
}

.quick-deploy-remain-time {
  float: right;
}

.quick-deploy-selimg {
  background-color: #2b80c0;
  color: #fff !important;
}

.quick-deploy-wait {
  background-color: #fafafa;
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 100;
}

.quick-deploy-wait img {
  position: absolute;
  width: 24px;
  height: 24px;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}

.quick-deploy-upload + .upload-progress {
  float: right;
}

.smart-style-0 .panel .panel-footbar.darken .svgfg {
  fill: #8e8e8f;
}

.smart-style-0 .panel .panel-footbar.primary .svgfg {
  fill: #597c9c;
}

.left-menu-item-on > a {
  background-color: #789;
  color: #fff !important;
}

.makefloat {
  clear: both;
}

.makefloat .left_side {
  position: relative;
  top: 2px;
  height: 26px;
  float: left;
}

.makefloat .left_side > * {
  float: left;
}

.makefloat .left_side > * + * {
  margin-left: 5px;
}

.makefloat .right_side > * {
  float: right;
}

#warnBox {
  position: fixed;
  top: 105px;
  right: 5px;
  z-index: 900 /*避免遮挡*/;
  width: 320px;
  height: 85px;
}

#warnBox .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd563;
  color: #515a6e;
  padding: 5px 20px 10px 55px;
}

#warnBox .box .fa-bell {
  font-size: 26px;
  position: absolute;
  top: 32px;
  left: 20px;
}

#warnBox .box .content .btn-close {
  text-align: right;
  font-size: 18px;
  color: #eee;
}

#warnBox .box .content .btn-close:hover {
  cursor: pointer;
  color: #fff;
}

#warnBox .box .content .detail {
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-right: 20px;
  overflow: hidden;
}

#warnBox .box .content .download-link {
  float: right;
  display: flex;
  margin-right: 20px;
  align-items: center;
}

#quickMaskModel {
  position: fixed;
  z-index: 1040;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgb(0 0 0 / 50%);
}

#quickMaskModel .content {
  padding: 130px 105px 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  background: url(../img/cloud.svg) 0 0 no-repeat;
  background-size: 100% 100%;
  min-width: 462px;
  min-height: 355px;
}

#quickMaskModel .jiantou {
  display: block;
  background: url(../img/jiantou.svg) left bottom no-repeat;
  background-size: auto 100%;
  position: absolute;
  right: 90%;
}

#quickMaskModel .content p {
  color: #fff;
  line-height: 35px;
  font-size: 16px;
}

#quickMaskModel .content p span {
  font-size: 22px;
  margin-right: 5px;
}

#quickMaskModel .content footer {
  margin-top: 30px;
}

#quickMaskModel .content footer .nodeploy {
  margin-left: 10px;
}

@media (max-width: 979px) {
  #quickMaskModel .jiantou {
    display: none !important;
  }
}

@media (min-width: 980px) {
  #quickMaskModel .jiantou {
    display: block !important;
  }
}

/* vdi 4.4.3 */

treecontrol.my-tree ul,
treecontrol.userCommon-tree ul {
  overflow: visible;
}

treecontrol.my-tree li .tree-label {
  position: relative;
  white-space: nowrap;
}

treecontrol.my-tree li .tree-label > input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  margin: 0 2px;
  visibility: hidden;
}

treecontrol.my-tree li .tree-label > i {
  position: absolute;
  z-index: 9999;
  left: 2px;
  top: -2px;
  width: 18px;
  height: 18px;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
}

treecontrol.my-tree li .tree-label > i::after {
  content: "\f00c";
  display: block;
  top: -1px;
  left: 1px;
  width: 18px;
  height: 18px;
  font: 400 16px/19px FontAwesome;
  text-align: center;
  color: #3276b1;
  opacity: 0%;
}

treecontrol.my-tree li .tree-label > i.middle::after {
  content: none;
}

treecontrol.my-tree li .tree-label > i.middle::before {
  content: "";
  display: block;
  margin: 3px auto 0;
  width: 12px;
  height: 12px;
  text-align: center;
  background: #3276b1;
}

treecontrol.my-tree li .tree-label > input[type="checkbox"]:checked + i {
  border-color: #3276b1;
}

treecontrol.my-tree li .tree-label > input[type="checkbox"]:checked + i::after {
  opacity: 100%;
}

treecontrol.my-tree.tree-classic li .tree-selected {
  background: none;
  font-weight: normal;
}

treecontrol.my-tree > ul {
  padding: 0 !important;
}

treecontrol.my-tree > ul > li,
treecontrol.userCommon-tree > ul > li {
  border: none;
}

treecontrol.my-tree > ul > li::before,
treecontrol.userCommon-tree > ul > li::before {
  content: none;
}

treecontrol.my-tree li,
treecontrol.userCommon-tree li {
  line-height: 25px;
  white-space: nowrap;
}

treecontrol.no-padding > ul {
  padding: 0 !important;
}

treecontrol.my-tree li.tree-leaf-active .tree-label {
  background-color: #adf;
}

.mytreecontrol {
  height: 358px;
  border: 1px solid #ddd;
  padding: 15px 0;
  overflow-y: auto;
  overflow-x: auto;
}

.myselectDepart {
  display: inline-block;
  width: 120px;
  border: 1px solid #a2a2a2;
  padding-left: 6px;
  line-height: 24px;
  height: 24px;
}

.myselectDepart:hover {
  cursor: pointer;
}

.red {
  color: red;
}

.detailsWrap {
  max-width: 100%;
}

.detailsWrap > p {
  text-align: left;
  line-height: 20px;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detailsWrap > p:first-child {
  min-height: 30px;
}

.detailsWrap > p > span:first-child {
  display: inline-block;
  text-align: right;
}

.detailsWrap > p > span:last-child {
  display: inline-block;
  vertical-align: top;
}

treecontrol.tree-classic li .tree-unselectable {
  color: #333;
}

.has_linux {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
}

.jarviswidget.group > div.noborder .dt-toolbar-footer
.jarviswidget.common > div.noborder .dt-toolbar-footer {
  margin: 0;
}

div[size="sm-md"] > .modal-dialog {
  width: 400px;
}

.poolModal .fuelux .wizard ul li {
  padding: 0 11px 0 30px;
}

.desktopStatistic > span:last-child .dohao {
  display: none;
}

.limitItem {
  opacity: 50% !important;
  pointer-events: none;

  /* 后代元素此属性不生效 */
}

.form-horizontal input[type="password"].ng-dirty.unequals {
  background: #fff0f0;
  border-color: #a90329;
}

.timepicker-disabled {
  position: relative;
}

.timepicker-disabled::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.timepicker-disabled input {
  background-color: #eee !important;
}

select#multiselect1 option {
  cursor: pointer;
  white-space: initial;
  word-break: break-all;
  margin-bottom: 3px;
}

select#multiselect1 option:checked {
  white-space: initial;
  word-break: break-all;
}

.mypopover {
  cursor: pointer;
}

input.mysmallinput:invalid {
  transition: all 0.2s linear;
  background: #fff0f0;
  border-color: #a90329;
}

/* 资源 > 主控管理 > HA */

.ha-header {
  background-color: #e9ecef;
  position: relative;
  top: -10px;
}

.ha-header-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ha-header-block-icon {
  font-size: 3em;
  color: #fff;
  margin-left: 13px;
  margin-right: 26px;
}

.ha-header-block-info {
  flex: 1;
}

.ha-header-block-tools .btn-block {
  padding: 4px 8px;
}

.ha-header-block-info p:last-child {
  margin-bottom: 0;
}

.ha-detail-header p .btn {
  position: relative;
  top: -7px;
}

.ha-detail-body {
  border-top: 1px solid #ccc;
  position: relative;
}

.ha-detail-body canvas {
  display: block;
  width: 100%;
  height: 300px;
}

.ha-detail-modal .modal-dialog {
  width: 768px;
}

.ha-detail-legend {
  position: absolute;
  right: 45px;
  bottom: 0;
}

.ha-detail-legend p {
  text-indent: 1.8em;
  position: relative;
}

.legend-icon-green::before,
.legend-icon-blue::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  content: ".";
  width: 16px;
  height: 0;
  font-size: 0;
  border-top: 2px solid #16ee21;
}

.legend-icon-blue::before {
  border-top-color: #73bfe9;
}

.legend-icon-error {
  background: url(/img/ha/error-sm.png) no-repeat left center;
}

.legend-icon-warn {
  background: url(/img/ha/warn-sm.png) no-repeat left center;
}

.deploy-mask {
  position: absolute;
  width: calc(100vw - 300px);
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fafafa;
  padding: 20% 8%;
  z-index: 555;
}

.deploy-mask p {
  user-select: none;
}

/* modify scene */

.form-group > div > [rel="popover"],
.form-group > div > [rel="popover-hover"] {
  position: relative;
  top: 5px;
}

.form-group > div > .switch + [rel="popover-hover"] {
  margin-left: 26px;
}

/* backup config */

.backup-config-list-wrapper {
  max-height: 93px;
  overflow-y: auto;
}

.backup-config-list {
  margin-bottom: 0;
  user-select: none;
  user-select: none;
}

.backup-config-list .list-group-item {
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: default;
}

.backup-config-list .fa {
  visibility: hidden;
  color: #fff;
  transition: all linear 0.25s;
  transform: scale(1.5);
}

.backup-config-list .checked .fa {
  visibility: visible;
  color: green;
  transform: scale(1);
}

.backup-config-list .disabled {
  color: #c0c0c0;
}

/* general */

.ui-upload {
  position: relative;
  overflow: hidden;
}

.ui-upload input[type="file"] {
  position: absolute;

  /* display: block; */
  border-width: none;
  padding-left: 1000px;
  top: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

/* system update */

.check_author input {
  width: 78%;
  float: left;
  height: 25px;
  padding-left: 5px;
  padding-right: 10px;
}

.check_author .save {
  float: left;
  cursor: pointer;
  padding: 5px;
}

.check_author .save i {
  font-size: 16px;
}

.upgrade-table-wrap {
  max-height: 220px;
  overflow-y: auto;
}

.servers-version span:last-child i {
  display: none;
}

.disabledExternal,
.external-switch .disabled {
  background-color: #eee !important;
  pointer-events: none;
  cursor: disabled;
}

.upgrade-packages label {
  text-align: left;
  line-height: 32px;
  float: left;
  width: 15%;
}

:lang(en) .upgrade-packages label {
  width: 35%;
}

.upgrade-packages input {
  float: left;
  width: 85%;
}

:lang(en) .upgrade-packages input {
  float: left;
  width: 65%;
}

.upgrade-btns-left {
  text-align: left;
}

.upgrade-table tbody > tr > td {
  vertical-align: middle;
}

.fa-check-error {
  color: #f20909;
}

/* directive myModal */
.my-modal-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #7894ad;
  opacity: 90%;
}

.my-modal-box > div {
  display: table;
  height: 100%;
  width: 100%;
}

.my-modal-box > div > ul {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}

.voi-tpl-wrap ul {
  display: flex;
}

.voi-tpl-wrap ul,
.voi-tpl-wrap ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.voi-tpl-wrap ul > li {
  float: left;
  background-color: #fff;
  margin-right: 100px;
}

.voi-tpl-wrap .voi-tpl-pic .checkbox-inline {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 0 0 26px;
}

.voi-tpl-wrap ul > li::before {
  content: " ";
  width: 95px;
  display: block;
  height: 1px;
  position: relative;
  top: 36%;
  left: -107px;
  border-bottom: 2px solid #275b89;
}

.voi-tpl-wrap ul > li:last-child {
  margin-right: 0;
}

.voi-tpl-wrap ul > li:first-of-type::before {
  border-color: transparent;
  visibility: hidden;
}

.voi-tpl-wrap .voi-tpl-pic-wrap {
  width: 78px;
  text-align: center;
}

.voi-tpl-wrap .voi-tpl-pic {
  border: 1px solid #275b89;
  position: relative;

  /* display: block; */
  height: 78px;
  padding-top: 7px;
}

.voi-tpl-wrap ul > li .voi-tpl-pic {
}

.voi-tpl-wrap .voi-tpl-none .voi-tpl-pic {
  border: 1px dotted #eee !important;
}

.voi-tpl-wrap .voi-tpl-none::before {
  border: 1px dotted #eee !important;
}

.voi-tpl-wrap .voi-tpl-none .checkbox-inline,
.voi-tpl-wrap .voi-tpl-none img {
  display: none;
}

.voi-tpl-wrap .voi-tpl-disabled {
  opacity: 40%;
}

.voi-unlock-code-box .well {
  width: 80px;
  height: 80px;
  margin: 0 25px 25px 0;
  float: left;
  padding: 0;
  font-size: 70px;
  text-align: center;
  line-height: 80px;
}

.voi-unlock-code-box .well .fa {
  color: darkgrey;
}

.voi-win-clearfix {
  content: "." !important;
  height: inherit !important;
  line-height: 12px !important;
}

/* spice.html input 样式 */
.little-no-input {
  width: 40px;
  height: 32px;
  margin: 0 5px;
  text-align: center;
}

/* 工具条样式，放弃之前的 .dt-toolbar */
.toolbar-vcenter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 0;
}

/* 自适应工具条空白，放在左侧按钮和右侧查询框中间 */
.toolbar-vcenter > .toolbar-glue {
  margin: auto;
}

.toolbar-vcenter > .btn + .btn,
.toolbar-vcenter > .btn + .hide-template,
.toolbar-vcenter > .btn + .btn-group,
.toolbar-vcenter > .btn-group + .btn-group,
.toolbar-vcenter > .btn-group + .btn {
  margin-left: 5px;
}

.toolbar-vcenter .h-m5 {
  margin: 0 5px;
}

.toolbar-vcenter [role="search"] {
  max-width: 200px;
  margin-right: 20px;
}

.toolbar-vcenter > .search > label {
  margin-bottom: 0;
  margin-right: 15px;
}

.toolbar-vcenter > :last-child {
  margin-right: 0;
}

.toolbar-vcenter .dropdown-wrapper {
  position: relative;
}

.toolbar-vcenter + .table,
.toolbar-vcenter + .table-responsive,
.toolbar-vcenter + .table-wrapper {
  border-top: 1px solid #ddd;
}

.noborder > .toolbar-vcenter {
  margin: 0 -13px;
}

/* 类似表单块的内容 带title 内容为列表
* 布局 .list-block ul li
* 其中：.list-block 控制与其它表单的距离
*       ul控制列表内容与框之间的间距
*       li放置每一行内容
*/
.list-block {
  display: block;
  margin-bottom: 10px;
}

.list-block > label {
  padding: 10px 0;
  margin: 0;
  font-weight: 400;
}

.list-block ul {
  display: block;
  width: auto;
  min-width: 200px;
  min-height: 80px;
  max-height: 300px;
  overflow-y: auto;
  cursor: auto;
  border: 1px solid #ccc;
  padding: 6px 0;
  color: #555;
}

.list-block ul.has-bg {
  background-color: #eee;
}

.list-block ul.limitH {
  max-height: 120px;
}

.list-block ul li.title * {
  font-weight: bold;
}

.list-block ul li > span,
.list-block ul li > label {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-l-5 {
  padding-left: 5px;
}

/* 右浮动 -上传进度条样式-修复  布局 - 左右布局
* 其中.fl-rt 控制float:right;
* .upload-progress-wrap .lf 里面放进度条和文件名字
* .upload-progress-wrap .rt 里面放进度数字显示和关闭按钮
* 之所以改变布局，是因为之前的布局滥用了position，滥用了position：relative，
* 没有办法达到，容易控制和有兼容性的布局，一旦需要更改只能起到临时作用；
* 添加的css代码：postion：static；纯粹是为了覆盖和兼容之前滥用的position：relative；和position：absulote；
*/
.upload-progress-wrap {
  height: 32px;
  position: static;
  font-size: 0;
  padding-right: 80px;
  min-width: 300px;
}

.fl-rt {
  float: right;
}

.upload-progress-wrap.fl-rt {
  max-width: 400px;
}

.upload-progress-wrap .lf,
.upload-progress-wrap .rt {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.upload-progress-wrap.fl-rt .lf {
  max-width: 280px;
}

.upload-progress-wrap .lf {
  width: 100%;
}

.upload-progress-wrap .rt {
  position: absolute;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  font-size: 13px;
}

.upload-progress-wrap .lf *,
.upload-progress-wrap .rt * {
  position: static;
}

.upload-progress-wrap .rt * {
  margin: 0;
}

/* 自定义select2样式 */
.ui-multi-select-wrap {
  position: relative;
  display: inline-block;
  min-height: 30px;

  /* width: 400px; */
  width: 100%;
  border: 1px solid #bdbdbd;

  /* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); */
  outline: 0;
  background-color: white;

  /* border-radius: 4px; */
  border-radius: 0;
}

div.ng-ms {
  padding: 1px 0;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
}

div.ng-ms-hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 10%);
}

div.ng-ms-focus {
  border: 1px solid #4d90fe;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 30%);
}

.ui-multi-select-wrap.disabled {
  background-color: #eee;
  cursor: auto;
}

.ui-multi-select-wrap.disabled .select-show-result .result-list li.list-item {
  opacity: 50%;
  cursor: not-allowed;
}

.ui-multi-select-wrap.disabled .select-show-result .result-list li.list-item * {
  cursor: not-allowed;
}

.ui-multi-select-wrap .select-show-result {
  padding-bottom: 5px;
}

.ui-multi-select-wrap .select-show-result .result-list {
  padding: 0 5px;
}

.ui-multi-select-wrap.open .select-dropdown {
  display: inline-block;
}

.ui-multi-select-wrap .select-show-result .result-list {
  display: inline-block;
  vertical-align: middle;
}

.ui-multi-select-wrap .select-show-result .result-list li {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  font-size: 0;
}

.ui-multi-select-wrap .select-show-result .result-list li.list-item {
  height: 20px;
  min-width: 10px;
  background-color: #3a87ad;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
  line-height: 20px;
  cursor: pointer;
  opacity: 80%;
}

.ui-multi-select-wrap .select-show-result .result-list li.list-item:hover,
.ui-multi-select-wrap .select-show-result .result-list li.list-item.chosen-focused {
  opacity: 100%;
}

.ui-multi-select-wrap .select-show-result .result-list li.list-item.voi {
  background-color: #7a6ddb;
}

.ui-multi-select-wrap .select-show-result .result-list li.list-item.idv {
  background-color: #4134b6;
}

.ui-multi-select-wrap .select-show-result .result-list li span {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}

.ui-multi-select-wrap .select-show-result .result-list li span.item-text {
  margin-right: 2px;
  color: #fff;
  font-size: 14px;
}

.ui-multi-select-wrap .select-show-result .result-list li span.item-icon {
  margin-left: 5px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.ui-multi-select-wrap .select-show-result .result-list li.holder-search {
  float: left;
  margin-top: 5px;
  height: 20px;
}

.ui-multi-select-wrap .select-show-result .result-list li.holder-search input {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  appearance: textfield;
  box-sizing: border-box;
  border: none;
  font-size: 12px;
  padding: 0;
  cursor: text;
  width: auto;
}

.ui-multi-select-wrap .select-dropdown {
  position: absolute;
  display: none;
  width: 100%;
  min-height: 200px;
  max-height: 220px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid rgb(0 0 0 / 20%);
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  z-index: 1;
  padding: 8px;
}

.ui-multi-select-wrap .select-dropdown ul {
  width: 100%;
  min-height: 40px;
  margin-bottom: 10px;
  font-size: 14px;
}

.ui-multi-select-wrap .select-dropdown ul li {
  display: flex;
  justify-content: space-between;
  border: 1px solid transparent;
  color: #555;
}

.ui-multi-select-wrap .select-dropdown ul li .item-text {
  flex: 1;
  overflow: hidden;
  display: inline-flex;
  justify-content: space-between;
}

.ui-multi-select-wrap .select-dropdown ul li .item-icon {
  width: 50px;
  text-align: right;
  visibility: hidden;
}

.ui-multi-select-wrap .select-dropdown ul li:not(.title) {
  height: 28px;
  line-height: 28px;
  background-color: #fff;
  cursor: pointer;
  padding: 0 5px;
}

.ui-multi-select-wrap .select-dropdown ul li .item-text .text-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-multi-select-wrap .select-dropdown ul li:not(.title).choice-selected {
  background-color: #7a6ddb;
  opacity: 80%;
  color: white;
  cursor: pointer;
  transition: 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

.ui-multi-select-wrap .select-dropdown ul li:not(.title).select .item-icon {
  visibility: visible;
}

.ui-multi-select-wrap .select-dropdown ul li.title {
  padding: 0 10px;
  font-weight: 600;
  color: #555;
}

.voi-self-adaption-table {
  width: 100%;
  table-layout: fixed;
}

.voi-self-adaption-table > thead > tr > th,
.voi-self-adaption-table > tbody > tr > td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.voi-send-central-log-table .log-data-group {
  /* background: #ddd; */
  font-weight: bold;
}

.voi-send-central-log-table > tbody > tr > td {
  text-align: left !important;
}

.voi-send-central-log-table > tbody > .log-data-group > td a,
.voi-send-central-log-table > tbody > .log-desktop-head > td a {
  padding: 0 5px;
}

.voi-send-central-log-table > tbody > .log-desktop-head > td a {
  margin-left: 20px;
}

.teach-template .menu_wrapper .menu_item a {
  cursor: pointer;
}

.teach-template .icon[disabled],
.teach-template .icon.disabled,
.teach-template .my_menu_wrapper .menu_item[disabled],
.teach-template .my_menu_wrapper .menu_item.disabled {
  pointer-events: none;
  color: #aaa;
}

/* .teach-template .panel-footbar.darken a {
    pointer-events: none;
} */

.teach-template .panel-footbar.darken a.clickable {
  pointer-events: initial;
}

.teach-template .panel-footbar.darken .icon {
  color: #aaa;
}

.teach-template .panel-footbar.darken .icon.clickable {
  color: #fff;
}

.teach-template .panel-footbar.darken .icon.clickable:hover {
  color: #000;
}

.teach-template .panel-footbar.darken .my_menu_wrapper .menu_item a {
  /* color: #aaa; */
}

.teach-template .panel-footbar.darken .my_menu_wrapper .menu_item .clickable {
  color: #333;
}

.teach-template .disabled-tips {
  position: absolute;
  padding: 60px;
  z-index: 10;
  top: -40px;
  right: 0;
  bottom: 0;
  left: 0;
  color: #333;
  font-size: 1.5em;
  background-color: rgb(250 250 250 / 90%);
}

.view_personal_desktop .disabled-tips {
  border: none;
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #333;
  font-size: 1.5em;
  padding: 60px;
  background-color: rgb(250 250 250 / 90%) !important;
}

.voi-tabs-left > .nav-tabs {
  padding: 20px 0;
  margin: 0;
  width: 110px;
}

.voi-tabs-left > .tab-content {
  border-left: 1px solid #ddd;
  padding: 0;
}

.voi-tabs-left > .tab-content .tab-pane {
  padding: 15px;
}

.voi-tabs-left > .nav-tabs > li.active > a {
  border-left: 2px solid #57889c !important;
  box-shadow: none;
}

.voi-tabs-left > .nav-tabs > li > a {
  min-width: 74px;
}

.voi-tabs-left > .tab-content > .tab-pane {
  padding: 15px;
  min-height: 250px;
}

.voi-dashboard .voi-progress-bar {
  background-color: #44a1e7;
}

.voi-dashboard .jarviswidget > div {
  background-color: #fff !important;
}

/* login 界面 不居中问题 start */
#login_masker .smart-form {
  margin-left: 0;
  text-align: center;
}

.login_wrapper .copyright {
  margin-left: 0;
  text-align: center;
}

#login_masker .smart-form table.layout {
  margin: 0 auto;
}

/* login 界面 不居中问题 end */
.content_wrapper {
  width: 100%;
  padding: 15px;
}

.content_wrapper .item_con {
  margin-right: 10px;
}

.content_wrapper .item_icon {
  font-size: 22px;
  color: #217bb1;
  display: inline-block;
  vertical-align: middle;
}

.panel-cont .panel-mess.content_wrapper .panel-item label {
  width: auto;
  margin: 0;
}

.panel-cont .content_wrapper .panel-item {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  margin: 0;
}


.panel-cont .content_wrapper .panel-item .item-opt {
  line-height: 36px;

  /* width: 30%; */
  text-align: left;
}

.panel-cont .content_wrapper .panel-item .item-opt .tit {
  position: absolute;
}

.panel-cont .content_wrapper .panel-item .item-opt .con {
  margin-left: 65px;
}

.panel-cont .content_wrapper .panel-item > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}

.panel-cont .content_wrapper .panel-item label {
  display: inline;
  vertical-align: middle;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead .panel-cont .content_wrapper .panel-item {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-cont .content_wrapper .panel-item div {
  display: inline-block;
  vertical-align: middle;
}

.panel-cont .content_wrapper .panel-item .mr-10 {
  margin-right: 10px;
}

.panel-cont .content_wrapper .panel-item .item-flex {
  white-space: normal;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead {
  height: auto;
}

.panel-heading.smart-form.mypanelhead.hardwarepanelhead > .panel-cont {
  height: auto;
  padding-bottom: 0;
  padding-top: 0;
}

.header-info span.alarm a {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.header-info span.alarm a i {
  font-size: 18px;
}

.just-text {
  line-height: 32px;
}

.voi-tag-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.voi-tag-list li {
  float: left;
  display: block;
  padding: 4px;
  margin: 2px;
}

/* 反复改的颜色和样式 */

/* .smart-style-0 .template-wrapper .panel-primary>.panel-heading {
    background-color: #629DC8;
    color: #fff;
}
.smart-style-0 .template-wrapper div.panel .panel-heading * {
    color: #fff;
}
.smart-style-0 .template-wrapper div.panel .panel-heading > *{
    width: 100%;
} */

/* .smart-style-0 .template-wrapper div.panel .panel-heading .noAccess{
    background-color: #6b6767;
    position: absolute;
    right: 10px;
    top: 2px;
    width: 56px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
} */

/* .smart-style-0 .template-wrapper .panel-cont li.panel-item h2.item-flex span,
.smart-style-0 .template-wrapper .panel-cont li.panel-item div.item-flex span,
.smart-style-0 .template-wrapper .panel-cont li.panel-item div.item-flex *,
.smart-style-0 .template-wrapper .panel-cont li.panel-item{
    color: #fff;
}
.smart-style-0 .template-wrapper .panel-darken>.panel-heading {
    background-color: #B1B1B1;
}
.smart-style-0 .template-wrapper div.panel .panel-footbar.primary {
    background-color: #5192C2;
    color: #BDDCF3;
}
.smart-style-0 .template-wrapper div.panel div.panel-footbar .icon,
.smart-style-0 .template-wrapper div.panel .icon.clickable,
.smart-style-0 .template-wrapper div.panel .panel-footbar.primary > *{
    color: #BDDCF3;
}
.smart-style-0 .template-wrapper div.panel div.panel-footbar .icon:active,
.smart-style-0 .template-wrapper div.panel .icon.clickable:active,
.smart-style-0 .template-wrapper div.panel .panel-footbar.primary > *:active{
    color: #fff;
}
.smart-style-0 .template-wrapper div.panel div.panel-footbar .icon[disabled],
.smart-style-0 .template-wrapper div.panel .panel-footbar .icon.clickable[disabled],
.smart-style-0 .template-wrapper div.panel .panel-footbar.primary > *[disabled]{
    color: #5CA2C6;
}
.smart-style-0 .template-wrapper div.panel.panel-darken .panel-footbar {
    background-color: #A4A4A4;
}
.smart-style-0 .template-wrapper div.panel.panel-darken div.panel-footbar .icon,
.smart-style-0 .template-wrapper div.panel.panel-darken .panel-footbar .icon.clickable,
.smart-style-0 .template-wrapper div.panel.panel-darken .panel-footbar.primary > *{
    color: #686868;
}
.smart-style-0 .template-wrapper div.panel.panel-darken div.panel-footbar .icon[disabled],
.smart-style-0 .template-wrapper div.panel.panel-darken .panel-footbar .icon.clickable[disabled],
.smart-style-0 .template-wrapper div.panel.panel-darken .panel-footbar.primary > *[disabled]{
    color: #919191;
}
.smart-style-0 .template-wrapper div.panel.panel-darken div.panel-footbar .icon:active,
.smart-style-0 .template-wrapper div.panel.panel-darken .panel-footbar .icon.clickable:active,
.smart-style-0 .template-wrapper div.panel.panel-darken .panel-footbar.primary > * :active{
    color: #333;
}
.smart-style-0 .template-wrapper .panel .panel-cont,
.smart-style-1 .template-wrapper .panel .panel-cont{
    padding: 8px 0;
}
.smart-style-0 .template-wrapper .panel-cont .panel-item,
.smart-style-1 .template-wrapper .panel-cont .panel-item{
    height: 28px;
    line-height: 28px;
    margin-bottom: 0px;
}
.smart-style-0 .template-wrapper .panel-mess  .panel-item label,
.smart-style-1 .template-wrapper .panel-mess  .panel-item label,
.smart-style-0 .template-wrapper .panel-mess  .panel-item .item-flex,
.smart-style-1 .template-wrapper .panel-mess  .panel-item .item-flex{
    line-height: 28px;
}

.smart-style-0 .template-wrapper .panel-cont .panel-mess .panel-item label ,
.smart-style-1 .template-wrapper .panel-cont .panel-mess .panel-item label {
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */
#header > #logo-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

#header > #logo-group #logo {
  margin-top: 0;
}

#logo-group > span:not(#logo),
#header > #logo-group {
  margin-left: 5px;
}

body.fixed-header.smart-style-0 .loading-icon img,
body.fixed-header.smart-style-1 .loading-icon img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

select[disabled] {
  opacity: 50% !important;
  color: #999;
}

.modal-body .form-group .tip-line {
  line-height: 28px;
  margin: 0 20px;
  padding: 8px 10px;
  border: 1px dashed #2b80c0;
  color: #2b80c0;
  margin-bottom: 20px;
  background-color: #ebf5fa;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.modal-body .form-group .tip-line .icon {
  margin: 0 8px;
  vertical-align: middle;
}

.modal-body .tip-line.flex .icon-jj-warn {
  font-size: 22px;
  margin-right: 16px;
  color: rgb(251 174 20);
}

.modal-body .form-group .tip-line .text {
  vertical-align: middle;
}

/* 新增教学桌面池 */
/* .fuelux.teach-pool-new .wizard ul li {
    padding: 0 5px 0 15px;
} */ /* 解决display:flex子元素 配合 子元素 超过宽度 显示...的问题 */
.panel-cont .panel-mess {
  overflow: hidden;
}

/* 解决硬件配置不显示...问题  */
.panel-cont .content_wrapper .panel-item .item-opt {
  display: inline;
}

/* 全局loading */
.loading-mask {
  position: absolute;
  z-index: 200;
  background-color: hsl(0deg 0% 100% / 90%);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}

.loading-mask > .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  text-align: center;
}

.loading-mask > .loading-spinner > img {
  width: 24px;
  height: 24px;
}

/* 多选按钮 */
.btn-multi {
  display: inline-block;
  padding: 1px 5px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  transition: all 0.2s ease-in;
  cursor: pointer;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-multi.active {
  color: #fff;
  background-color: #2b80c0;
  border-color: #1d6fad;
}

.btn-multi.disabled {
  cursor: auto;
  color: #999;
  background-color: #fff;
  border-color: #ccc;
}

/* 多选下拉框 */
.multi-select-container.form-control {
  padding: 0;
}

.multi-select-container.form-control > .multiSelect {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.multi-select-container.form-control > .multiSelect > button {
  width: 100%;
  height: 100%;
  border: 0;
  min-height: 0 !important;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multi-select-container.form-control > .multiSelect .multiSelectItem:hover,
.multi-select-container.form-control > .multiSelect .multiSelectGroup:hover {
  background-image: none !important;
  border: 0 !important;
  background-color: #f5f5f5;
  color: #333 !important;
}

.multi-select-container.form-control > .multiSelect .multiSelectItem.selected {
  border: 0 !important;
}

.multi-select-container.form-control > .multiSelect .multiSelectItem.selected::before {
  color: #333;
}

.multi-select-container.form-control > .multiSelect .multiSelectItem.selected::after {
  display: none;
}

.multi-select-container.form-control > .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
  background-image: none;
  background-color: transparent;
}

.multi-select-container.form-control > .multiSelect .tickMark {
  display: none;
}

.multi-select-container.form-control > .multiSelect .multiSelectFocus {
  background-image: none !important;
  color: #333 !important;
  border: 0 !important;
}

.table-disk .table-striped > tbody > tr td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.multi-select-container.form-control.select-month .checkBoxContainer {
  max-height: 170px;
  overflow: auto;
}

/* 添加左右布局的样式 */
.toolbar-vcenter-little {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row nowrap;
}

.toolbar-vcenter-little .left {
  float: left;
}

.toolbar-vcenter-little .left select {
  position: static;
  margin-left: 10px;
}

.toolbar-vcenter-little .left h2 {
  margin-left: 10px;
}

.toolbar-vcenter-little .right {
  line-height: 22px;
  height: 22px;
  margin-right: 10px;
}

.password-strength .strong-list {
  display: inline-block;
}

/* 密码复杂度 */
.password-strength .strong-list li {
  display: inline-block;
  border-radius: 2px;
  margin-right: 2px;
  width: 3em;
  height: 1em;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* 镜像管理-分布式存储 列表 */
.localStoragetable-distribute.table > thead > tr > th,
.localStoragetable-distribute.table > tbody > tr > td {
  text-align: center;
}

.localStoragetable-distribute.table > tbody > tr > td {
  padding: 0;
}

.smart-style-0 #ribbon .breadcrumb,
.smart-style-1 #ribbon .breadcrumb a {
  font-size: 14px;
}

/* help样色大小变更 */
.smart-style-0 a[rel="popover"] .fa.fa-question-circle,
.smart-style-0 a[rel="popover-hover"] .fa.fa-question-circle,
.smart-style-0 a.mypopover .fa.fa-question-circle {
  font-size: 18px;
}

/* .piece 瓦片样式类 */
.piece.panel {
  color: #fff;
}

.piece.panel .panel-heading {
  background-color: #629dc8;
  color: #fff;
}

.piece.panel .panel-footbar {
  background-color: #5192c2;
  color: #bddcf3;
}

.piece.panel .panel-footbar a.icon {
  color: #bddcf3;
}

.piece.panel .panel-footbar a.icon[disabled] {
  opacity: 50%;
}

.piece.panel .panel-footbar a.icon:hover {
  color: #fff;
}

.piece.panel .panel-heading .item-flex {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.item-flex span {
  color: #fff;
}

.item-flex.special > span {
  display: block;
  line-height: 22px;
}

.item-flex span.red {
  color: red;
}

.item-flex .dot {
  border: 5px solid #6be13d;
  border-radius: 50%;
  width: 0;
  height: 0;
  display: inline-block;
  margin-right: 5px;
}

.item-flex .dot.red {
  border-color: #f15250;
}

.item-flex .dot.grey {
  border-color: grey;
}

.checkbox .head-title {
  color: #fff;
}

/* 禁用状态 */
.piece.panel.panel-darken .panel-heading {
  background-color: #b1b1b1;
}

.piece.panel.panel-darken .panel-footbar {
  background-color: #a4a4a4;
}

.piece.panel.panel-darken .panel-footbar a.icon {
  color: #686868;
}

.piece.panel.panel-darken .panel-footbar a.icon[disabled] {
  color: #919191;
}

.hardwarepanelhead .head-title {
  color: #404040;
}

/* 修复融合模板-另存为模板-模板类型换行显示问题 */
.radio-wrapper .radio-inline {
  margin: 0 5px;
}

.fuse-font {
  padding: 1px 3px;
  margin-left: 10px;
  font-size: 12px;
  color: #457db6;
  border: 1px solid #457db6;
  border-radius: 4px;
  display: inline-block;
  transform: scale(0.8);
}

/* 瓦片中header部分,CheckBox/模板名称/无权限标识,显示部分问题 */
.piece .piece-flex-header {
  display: flex;
  padding: 0 8px;
}

.piece .piece-flex-header .head-title {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.piece .piece-flex-header .basic-width {
  width: 60px;
}

/* 将新增noAccess样式从冗长的样式类中移出来 */
.noAccess {
  /* vdi unused code start */
  position: absolute;
  right: 10px;
  top: 2px;

  /* vdi unused code end */
  color: #fff;
  background-color: #6b6767;
  width: 56px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
}

:lang(en) .noAccess {
  width: auto;
  padding: 0 12px;
}

/* td 之类里的重复项，避免错位 */
.repeat-row {
  min-height: 18px;
  margin: 9px 0;
}

.panel-cont .panel-pic {
  position: static;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

/* 带虚线框、底色的提示信息 */
.tip-info-with-background {
  border: 1px dashed #659ec9;
  background-color: #ebf2f7;
  color: #5291bf;
  padding: 10px;
  border-radius: 4px;
}

.item-tit::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 20px;
  background-color: #2f7eb9;
  margin-right: 5px;
}

/* 步骤条样式 */
.step-footer {
  padding-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.step-header {
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f9f9f9;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
  box-shadow: 0 1px 4px rgb(0 0 0 / 6.5%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 6.5%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 6.5%);
}

.step-header ul {
  margin-left: 0;
  width: 4000px;
  padding: 0;
  margin: 0;
  list-style: none outside none;
}

.step-header ul li {
  position: relative;
  float: left;
  height: 46px;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
  cursor: default;
  color: #515a6e;
  background-color: #e8eaec;
}

.step-header ul li.active {
  color: #3a87ad;
  background: #e6f4ff;
}

.step-header ul li.complete {
  color: #468847;
  background: #f3f4f5;
}

.step-header ul li .badge {
  margin-right: 8px;
  background-color: #515a6e;
}

.step-header ul li .chevron {
  position: absolute;
  top: 0;
  right: -13px;
  z-index: 1;
  display: block;
  border: 24px solid transparent;
  border-right: 0;
  border-left: 14px solid #d4d4d4;
}

.step-header ul li.complete .chevron::before {
  border-left: 14px solid #f3f4f5;
}

.step-header ul li.active .chevron::before {
  border-left: 14px solid #e6f4ff;
}

.step-header ul li.active .badge {
  color: #fff;
  background-color: #2b80c0;
}

.step-header ul li .chevron::before {
  position: absolute;
  top: -24px;
  right: 1px;
  display: block;
  border: 24px solid transparent;
  border-right: 0;
  border-left: 14px solid #e8eaec;
  content: "";
}

/* 控制台-模板更新-关联桌面样式 */
.teach-desk {
  padding-left: 0;
}

.tpl-update-wrap {
  margin-bottom: 5px;
}

.tpl-update-wrap .fake-btn {
  border: 1px solid #999;
  border-radius: 3px;
  margin: 2px;
  display: inline-block;
  color: #333;
  padding: 2px 8px;
}

.tpl-update-wrap .class-name {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tpl-update-wrap .class-multiple {
  margin-left: 10px;
}

.tpl-update-wrap .class-tip {
  margin-right: 10px;
}

/* 模板状态显示文本加上最小固定高度，避免没有状态显示时，导致高度不一致问题 */
.panel .template.panel-cont.flex {
  display: flex;
  align-items: center;
}

.panel .template.panel-cont.flex .panel-pic {
  height: 100%;
  align-items: center;
}

.panel .panel-pic .mynote {
  width: 100%;
  text-align: center;
}

.panel .panel-pic {
  min-height: 180px;
}

.scene_in_day_item > .item_body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ml15 {
  margin-left: 15px;
}

.more_list_container:hover .my_menu_wrapper.hide-popup {
  display: none;
}

.scheduler-scope {
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  padding: 0 18px;
  margin-right: 15px;

  /* display: inline-block; */

  /* vertical-align: middle; */

  /* height: 30px; */

  /* line-height: 32px; */
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 32px;
}

.scheduler-scope .icon {
  margin-right: 8px;
  font-size: 16px;
}

.scheduler-scope > * {
  vertical-align: middle;
}

.disabledLocalNetwork {
  pointer-events: none;
}

.page-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 50%;
  background: #333;
}

/* 假的跟空间对齐的样式 */
.fake-form-control {
  line-height: 32px;
}

/* iframe嵌套时，解决滚动重叠的问题，未完，验证 */
body.hide-overflow .app-wrapper {
  display: none;
}

/* 区域切换选择框样式 */
.region-dropdown {
  color: #fff;
}

.region-dropdown span.dropdown-toggle span {
  font-size: 16px;
  text-align: left;
}

.region-dropdown span.dropdown-toggle span.caret {
  border-width: 9px 5px;
}

.region-switch {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

#header > #logo-group .region-switch span.individual,
#logo-group .individual,
#logo-group .region-switch .individual,
.individual {
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 15px;
  margin: 0 18px;
  background-color: #fff;
}

.fake-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 14px;
}

.region-dropdown.btn-group .fake-btn:hover,
.region-dropdown.btn-group .fake-btn:focus,
.region-dropdown.btn-group .fake-btn:active,
#logo-group .region-dropdown.open > .dropdown-toggle.btn-default {
  background-color: rgb(255 255 255 / 15%);
  color: #ffd93f;
}

.select2-results__message {
  display: none !important;
}

.region-dropdown.btn-group a {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .region-dropdown.btn-group a.region {

} */
.region-dropdown.btn-group a i {
  color: #335aff;
  margin-right: 5px;
}

.region-dropdown button {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.error-select2 {
  border-color: #a90329 !important;
  background-color: #fff0f0 !important;
}

.smartlab-btns {
  float: right;
  margin-top: 5px;
}

.smartlab-btns .operation-btn {
  cursor: pointer;
  border: none;
}

.operation-btn {
  cursor: pointer;
  border: none;
}

.smartlab-btns .operation-btn.disabled-smartbtn {
  pointer-events: none;
  cursor: default;
  opacity: 60%;
}

.operation-btn.disabled-smartbtn {
  pointer-events: none;
  cursor: default;
  opacity: 60%;
}

.smartlab-btns .operation-btn:hover {
  color: #000;
}

/* 加这个样式是因为select2打开选项后，默认会出现一个空白项 */
.select2-results__options {
  margin-top: -16px !important;
}

.select2-results__options.mgt0 {
  margin-top: 0 !important;
}

.select2-results__options.mg-16 {
  margin-top: -16px !important;
}

/*
 * 思路：header部分元素太多了，只能通过计算，发现宽度不够时，隐藏部分按钮的显示；
 */
.fixed-header #header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .crowd-1200 {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  .crowd-1100 {
    display: none;
  }

  .crowd-1200 {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .crowd-1000 {
    display: none;
  }

  .crowd-1100 {
    display: none;
  }

  .crowd-1200 {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .crowd-900 {
    display: none;
  }

  .crowd-1000 {
    display: none;
  }

  .crowd-1100 {
    display: none;
  }

  .crowd-1200 {
    display: none;
  }
}

/* 补全下拉框 */
.datalist {
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 2px #d4d4d4;
  width: 100%;
  z-index: 100;
  border-radius: 5px;
}

.datalist ul {
  padding: 4px 10px;
  margin: 0;
  cursor: pointer;
}

.datalist ul li {
  list-style: none;
  padding: 6px 0;
  cursor: pointer;
  color: #333;
  font-size: 12px;
  text-align: left;
  padding-left: 8px;
}

.datalist ul li.highlighted {
  background-color: #f5f7fa;
}

.voi-watermark-checkbox-wrapper label.checkbox {
  height: 26px;
}

.voi-watermark-preview {
}

.voi-watermark-preview .modal-content {
  width: 800px;
}

.voi-watermark-preview .desktop-bg {
  height: 600px;
  background: url("../img/watermark-bg.png") no-repeat center center;
  overflow: hidden;
}

.voi-watermark-preview .watermark-wrapper {
  color: #fff;
  white-space: nowrap;
  padding: 10px;
  z-index: 200;
  position: absolute;
}

.voi-watermark-preview .watermark-wrapper div {
  width: 100%;
  display: flex;
}

.voi-watermark-preview .watermark-wrapper span,
.voi-watermark-preview .watermark-wrapper label {
  white-space: nowrap;
}

.voi-watermark-preview .watermark-wrapper span {
  flex: 2;
}

.voi-watermark-preview .watermark-wrapper label {
  padding-right: 15px;
  text-align: right;
  flex: 1;
}

.voi-watermark-preview .topleft {
}

.voi-watermark-preview .topright {
  right: 0;
}

.voi-watermark-preview .bottomleft {
  bottom: 0;
}

.voi-watermark-preview .bottomright {
  bottom: 0;
  right: 0;
}

.voi-watermark-preview .tile {
}

.voi-watermark-preview .watermark-window-sample {
  position: absolute;
  background: url("../img/window-sample.png") no-repeat center center;
  height: 466px;
  width: 517px;
  top: 30px;
  right: 100px;
  z-index: 400;
}

.voi-watermark-preview .watermark-show-top {
  text-align: center;
  margin: 200px auto;
  font-size: 30px;
  color: #b6b6b6;
}

.voi-tpl-locked-row {
  padding: 6px;
  opacity: 70%;
}

.voi-tpl-locked-row > img {
  height: 25px;
  width: 25px;
}

.smart-style-0 .bigBox {
  color: #515a6e;
}

.smart-style-0 .bigBox,
.smart-style-0 .bigBox.font-end {
  background-color: #fffbde;
  border-left: 5px solid #ffd563;
}

.smart-style-0 .bigBox.font-end .botClose {
  color: #e9ca73;
}

.smart-style-0 #divMiniIcons .cajita.font-end {
  background-color: #ffd563;
}

.smart-style-0 .bigBox.back-end {
  background-color: #ffe2e2;
  border-left: 5px solid #f44949;
}

.smart-style-0 .bigBox.back-end .botClose {
  color: #ed8686;
}

.smart-style-0 #divMiniIcons .cajita.back-end {
  background-color: #f44949;
}

.smart-style-0 .bigBox.other {
  background-color: #e0f0fd;
  border-left: 5px solid #2b80c0;
}

.smart-style-0 .bigBox.other .botClose {
  color: #57a3dc;
}

.smart-style-0 #divMiniIcons .cajita.other {
  background-color: #2b80c0;
}

.smart-style-0 #warnBox {
  padding: 10px 10px 5px;
  width: 390px;
  min-height: 100px;
  background-color: #fffbde;
  border-left: 5px solid #ffd563;
}

.smart-style-0 #warnBox .box {
  background-color: #fffbde;
}

.smart-style-0 #warnBox .box .content .detail,
.smart-style-0 #warnBox .box .fa.fa-bell {
  color: #515a6e;
}

.smart-style-0 #warnBox .box .content .btn-close span {
  display: inline-block;
  font-size: 700;
  height: 16px;
  width: 15px;
  color: #57a3dc;
}

.icon-retry {
  cursor: pointer;
  margin-left: 5px;
}

.retry-disabled.icon-retry {
  opacity: 50%;
  pointer-events: none;
  cursor: default;
}

.toolbar-vcenter input.h-m5 {
  width: 60px;
}

.dt-toolbar input.h-m5 {
  width: 60px;
}

.heigth100 {
  height: 100% !important;
}

.height-69 {
  height: calc(100% - 69px) !important;
}

.overflow-y {
  height: 100% !important;
  overflow-y: auto !important;
  min-height: unset !important;
}

/* 同步设置样式 */
.form-group.synchronize .control-label {
  margin-top: -7px;
}

.form-group.synchronize .switch {
  margin-left: 27px;
}

.form-group.synchronize .p4 {
  padding: 5px 0 10px 28px;
}

.form-group.synchronize .w-50 {
  width: 20% !important;
}

.form-group.synchronize .w-20 {
  width: 20px !important;
  padding: 5px;
  text-align: center;
}

.progress-word.inline-tip {
  display: inline;
}

.zy-table-footer-wrapper nav ul {
  width: unset;
}

.zy-table-header th {
  text-align: center !important;
  vertical-align: middle !important;
}

.zy-table-body-menu .dropdown-menu {
  min-width: 202px !important;
}

.component-summary #content {
  height: 100%;
}

.fixed-height table.zy-table-body.table-bordered tbody td {
  height: 80px !important;
}

table.zy-table-body.table-bordered tbody td {
  text-align: center !important;
  vertical-align: middle !important;
  border-bottom-width: 1px !important;
  background-color: #f9f9f9 !important;
}

table.zy-table-body.table-bordered tbody td p {
  margin: 0;
}

table.zy-table-body.table-bordered tbody tr.disabled-row td {
  background-color: #eae9e9 !important;
  color: #bfbfbf !important;
  pointer-events: none;
}

.zy-table-footer-wrapper nav ul li.active > a::before {
  content: unset;
}

.zy-table-header .fa-sort,
.zy-table-header .fa-sort-desc,
.zy-table-header .fa-sort-asc {
  display: none;
}

table.zy-table-body.table-hover tbody tr:hover td,
table.zy-table-body.table-hover tbody tr:hover th {
  background-color: #e6f4ff !important;
}


.form-group > div > .dropdown-menu {
  left: unset !important;
  right: unset !important;
  margin-top: unset !important;
  box-sizing: unset !important;
}

.vdi-datepicker .dropdown-menu {
  left: unset !important;
  right: unset !important;
  margin-top: unset !important;
  box-sizing: unset !important;
}

.form-group > div.dropdown > .dropdown-menu {
  left: 13px !important;
  right: 13px !important;
  margin-top: -1px !important;
  box-sizing: border-box !important;
}

.component-desktop-personal .tab-content,
.component-desktop-scene .tab-content {
  height: calc(100% - 50px);
}

.component-desktop-personal .tab-content .tab-pane,
.component-desktop-scene .tab-content .tab-pane {
  height: 100%;
}

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

#lyh-mask .lyh-mask-voi {
  position: absolute !important;
  padding: 60px !important;
  z-index: 10;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  color: #333;
  font-size: 1.5em !important;
  background-color: rgb(250 250 250 / 90%) !important;
  border: none !important;
}

.component-help-deploy .fuelux .wizard .actions {
  bottom: -30px !important;
}

.form-group .form-control[readonly] {
  background-color: #fff !important;
}

.component-user-admin #content,
.component-system-backup #content,
.component-system-driver #content,
.component-system-usb #content,
.component-HA-desktop #content,
.component-plan-timer #content,
.component-plan-hostSwitch #content,
.component-plan-snapshot #content,
.component-scheduler-disk #content,
.component-monitor-alarm #content,
.component-user-role #content,
.component-user-common #content,
.component-user-group #content,
.component-system-logs #content,
.component-system-recycle #content,
.component-resource-pool #content,
.component-network-manageNetwork #content,
.component-network-virtualSwitch #content,
.component-network-dataNetwork #content
.component-template-iso #content,
.component-plan-policy #content,
.component-template-mirroring #content{
  height: unset !important;
}

.component-terminal-client #content .noborder {
  height: calc(100% - 34px);
}

.teach-template .teach-template-treecontrol treecontrol ul {
  overflow: unset;
}

.teach-template .teach-template-treecontrol treecontrol ul li .tree-label {
  white-space: nowrap;
}

.teach-template .teach-template-left {
  margin-bottom: 19px !important;
}

.zy-table-header > thead > tr > th {
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.modal-dialog .form-control.custom-vdi-input {
  width: 86%;
  position: absolute;
}

.modal-dialog .form-control.custom-voi-input {
  width: 90%;
  position: absolute;
}

.zy-table-header-wrapper .zy-table-header {
  border-right: 0 !important;
}

.zy-table-header-wrapper {
  border: 1px solid #ddd;
  border-collapse: collapse;
  border-spacing: 0;
}

/* 文字后面添加提示信息样式 */
.relative-top2 {
  position: relative !important;
  top: 2px;
}

input::placeholder {
  font-family: "Pingfang SC", "微软雅黑", "Microsoft Yahei", sans-serif;
}

.login-body .login-box input {
  color: #000;
}

.login-body .login-box input::placeholder {
  color: #999;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-items-center {
  align-items: center;
}

.display-unset {
  display: unset !important;
}

.width-70 {
  width: 70px !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}

.btn-popver-black .popover .popover-content {
  color: #333;
}

.rowspan-table.table > tbody > tr > td,
.rowspan-table.table > tbody > tr > th,
.rowspan-table.table > tfoot > tr > td,
.rowspan-table.table > tfoot > tr > th,
.rowspan-table.table > thead > tr > td,
.rowspan-table.table > thead > tr > th {
  border-right: 1px solid #ddd;
}

.rowspan-table.table > tbody > tr > td:nth-child(4),
.rowspan-table.table > tbody > tr > th:nth-child(4),
.rowspan-table.table > tfoot > tr > td:nth-child(4),
.rowspan-table.table > tfoot > tr > th:nth-child(4),
.rowspan-table.table > thead > tr > td:nth-child(4),
.rowspan-table.table > thead > tr > th:nth-child(4),
.rowspan-table.table > tbody > tr > td:nth-child(5),
.rowspan-table.table > tbody > tr > th:nth-child(5),
.rowspan-table.table > tfoot > tr > td:nth-child(5),
.rowspan-table.table > tfoot > tr > th:nth-child(5),
.rowspan-table.table > thead > tr > td:nth-child(5),
.rowspan-table.table > thead > tr > th:nth-child(5) {
  width: 160px;
}

.mask-close {
  font-size: 35px;
  font-weight: 500;
  margin: 14px;
  color: #fff;
  opacity: 1;
}

/*超出部分以省略号显示*/
.text-hidden,
.overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}
/* 新增ui-multi-select 错误样式 */
.form-horizontal ui-multi-select.ng-invalid.ng-dirty .ui-multi-select-wrap{
  background: #fff0f0;
  border-color: #a90329;
}

.text-success {
  color: #008101;
}

.open-tspace .text-success {
  color: #72bc1a;
}

.open-tspace .padding-20 {
  background-color: #fff !important;
}

.open-tspace .width-220 {
  width: calc(100% - 220px) !important;
}

.open-tspace #left-panel {
  padding-top: 60px;
}

.open-tspace.fixed-header #header{
  height: 60px;
  align-items: center;
  box-shadow: none;
}

.open-tspace #menu-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fd7d1a;
}

.open-tspace #logo-group > span:not(#logo), #header > #logo-group {
  margin: 0;
}


.open-tspace #logo {
  width: 220px;
  height: 65px !important;
  background-color: #fd7d1a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.open-tspace #main {
  background-color: #e7e8ee;
}

.open-tspace.fixed-header #main {
  margin-top: 60px;
}

.open-tspace #main #content {
  margin:0 16px 16px 16px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e4e7ed
}


.open-tspace #ribbon {
  min-height: 24px;
  height: 28px;
}

.open-tspace #ribbon .ribbon-button-alignment {
  position: absolute;
  top: -5px;
  right: 32px;
  z-index: 100000;
}


.open-tspace #content {
  height: calc(100% - 24px - 24px) !important;
}

.open-tspace #logo img{
  width: 200px !important;
}

.open-tspace .dropdown-group-ip {
  margin-left: 16px;
}


.open-tspace table > tbody > tr:hover  {
  background-color: #ffead8 !important;
}

.open-tspace .height-69 {
  height: calc(100% - 60px) !important;
}

/* .open-tspace .component-user-admin #content,
.open-tspace .component-system-backup #content,
.open-tspace .component-system-driver #content,
.open-tspace .component-system-usb #content,
.open-tspace .component-HA-desktop #content,
.open-tspace .component-plan-timer #content,
.open-tspace .component-plan-hostSwitch #content,
.open-tspace .component-plan-snapshot #content,
.open-tspace .component-scheduler-disk #content,
.open-tspace .component-monitor-alarm #content,
.open-tspace .component-user-role #content,
.open-tspace .component-user-common #content,
.open-tspace .component-system-logs #content,
.open-tspace .component-system-recycle #content,
.open-tspace .component-resource-pool #content,
.open-tspace .component-network-manageNetwork #content,
.open-tspace .component-network-virtualSwitch #content,
.open-tspace .component-network-dataNetwork #content
.open-tspace .component-template-iso #content,
.open-tspace .component-plan-policy #content,
.open-tspace .component-template-mirroring #content{
  height: inherit !important;
} */
.open-tspace .noborder.virtual-switch-item-table,
.open-tspace .noborder.virtual-switch-item-table,
.open-tspace .component-plan-switchTask #content .noborder,
.open-tspace .component-system-driver #content .noborder,
.open-tspace .component-template-mirroring #content .noborder,
.open-tspace .component-system-through #content .noborder,
.open-tspace .component-template-iso #content .noborder,
.open-tspace .component-resource-pool #content .noborder,
.open-tspace .component-resource-storage #content .noborder,
.open-tspace .component-plan-hostSwitch #content .noborder,
.open-tspace .component-plan-notification #content .noborder,
.open-tspace .component-plan-snapshot #content .noborder,
.open-tspace .component-HA-acl #content .noborder,
.open-tspace .component-HA-desktop #content .noborder,
.open-tspace .component-resource-storage-split-repair .noborder,
.open-tspace .noborder.desktop-scene-noborder,
.open-tspace .component-HA-loadbalance #content .noborder{
  max-height: calc(100vh - 290px) !important;
}


.open-tspace .table-responsive.virtual-switch-item-table,
.open-tspace .component-plan-switchTask #content .table-responsive,
.open-tspace .component-system-driver #content .table-responsive,
.open-tspace .component-template-mirroring #content .table-responsive,
.open-tspace .component-system-through #content .table-responsive,
.open-tspace .component-template-iso #content .table-responsive,
.open-tspace .component-resource-pool #content .table-responsive,
.open-tspace .component-resource-storage #content .table-responsive,
.open-tspace .component-plan-hostSwitch #content .table-responsive,
.open-tspace .component-plan-notification #content .table-responsive,
.open-tspace .component-plan-snapshot #content .table-responsive,
.open-tspace .component-HA-acl #content .table-responsive,
.open-tspace .component-HA-desktop #content .table-responsive,
.open-tspace .component-resource-storage-split-repair .table-responsive,
.open-tspace .component-HA-loadbalance #content .table-responsive {
  max-height: calc(100vh - 290px) !important;
  overflow-x: hidden;
  overflow-y: scroll;
}

.open-tspace .component-user-common #content .dt-toolbar,
.open-tspace .component-user-group #content .dt-toolbar {
  background: #fff;
}


.open-tspace .upgrade-server-table-responsive {
  max-height: calc(100vh - 290px) !important;
  overflow-x: hidden;
  overflow-y: scroll;
}

.open-tspace .component-system-usb #content .noborder,
.open-tspace .component-system-controller #content .noborder,
.open-tspace .component-system-logs #content .noborder {
  max-height: calc(100vh - 310px) !important;
}

.open-tspace .component-hardware-printer #content .table-responsive,
.open-tspace .component-system-usb #content .table-responsive,
.open-tspace .component-system-controller #content .table-responsive,
.open-tspace .component-system-logs #content .table-responsive {
  max-height: calc(100vh - 310px) !important;
  overflow-y: scroll;
}

.open-tspace .component-template-hardware #content .noborder.hardware-table,
.open-tspace .component-desktop-personal #content .noborder {
  max-height: calc(100vh - 320px) !important;
}

.open-tspace .component-template-hardware #content .table-responsive.hardware-table,
.open-tspace .component-desktop-personal #content .table-responsive{
  max-height: calc(100vh - 320px) !important;
  overflow-y: scroll
}


.open-tspace .component-template-hardware #content .hardware-table
.open-tspace .component-help-upgrade #content .table-responsive {
  max-height: calc(100vh - 320px) !important;
  overflow-y: scroll;
}

.open-tspace .component-template-hardware #content .table-responsive .hardware-list-scroll{
  overflow-y: scroll;
  height: calc(100vh - 230px) !important;
}

.open-tspace .component-template-hardware #content .table-responsive .hardware-listl{
  height: 100%;
}

.open-tspace .component-template-teach #content .table-responsive.noborderbottom {
  background-color: transparent;
}



.open-tspace .component-monitor-desktop section{
  max-height: calc(100vh - 170px) !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

.open-tspace .component-monitor-host section{
  max-height: calc(100vh - 210px) !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

.open-tspace .noborder.data-network-ip-pool,
.open-tspace .component-user-admin #content .noborder,
.open-tspace .component-user-role #content .noborder,
.open-tspace .component-system-backup #content .noborder,
.open-tspace .component-system-recycle #content .noborder,
.open-tspace .component-scheduler-disk #content .noborder,
.open-tspace .component-monitor-policy #content .noborder,
.open-tspace .component-network-manageNetwork #content .noborder,
.open-tspace .component-network-virtualSwitch #content .noborder,
.open-tspace .component-network-dataNetwork #content .noborder,
.open-tspace .component-monitor-alarm #content .noborder {
  max-height: calc(100vh - 270px) !important;
}

.open-tspace .table-responsive.data-network-ip-pool,
.open-tspace .component-user-admin #content .table-responsive,
.open-tspace .component-user-role #content .table-responsive,
.open-tspace .component-system-backup #content .table-responsive,
.open-tspace .component-system-recycle #content .table-responsive,
.open-tspace .component-scheduler-disk #content .table-responsive,
.open-tspace .component-monitor-alarm #content .table-responsive,
.open-tspace .component-network-manageNetwork #content .table-responsive,
.open-tspace .component-network-virtualSwitch #content .table-responsive,
.open-tspace .component-network-dataNetwork #content .table-responsive,
.open-tspace .component-monitor-policy #content .table-responsive {
  max-height: calc(100vh - 270px) !important;
  overflow-y: scroll;
}

.open-tspace .component-help-deploy #content {
  height: calc(100vh - 135px) !important;
  overflow-y: scroll;
}


.open-tspace .component-system-desktop #content .noborder,
.open-tspace .component-terminal-client #content .noborder,
.open-tspace .component-terminal-classes #content .noborder,
.open-tspace .component-terminal-virtualClass #content .noborder{
  max-height: calc(100vh - 230px) !important;
}


.open-tspace .component-terminal-virtualClass #content .table-responsive,
.open-tspace .component-terminal-client #content .table-responsive,
.open-tspace .component-terminal-classes #content .table-responsive,
.open-tspace .component-system-desktop #content .table-responsive{
  height: calc(100vh - 230px) !important;
  overflow-y: scroll;
}

.open-tspace .user-common-panel-body {
  height: calc(100vh - 210px)
}

.open-tspace .component-system-set #content .noborder {
  max-height: calc(100vh - 230px) !important;
  overflow-x: hidden;
  overflow-y: scroll;
}

.open-tspace .component-scheduler-view #content .table-responsive {
  max-height: calc(100vh - 250px) !important;
  overflow-y: scroll !important;
}

.open-tspace .component-scheduler-view #content .schedule-container {
  max-height: calc(100vh - 460px) !important;
  overflow-y: scroll !important;
}

.open-tspace .desktop-scene .table-responsive {
  max-height: calc(100vh - 340px) !important;
  overflow-y: scroll !important;
}

.open-tspace .component-user-common #content .noborder{
  max-height: calc(100vh - 350px) !important;
}

.open-tspace .component-user-group #content .table-responsive,
.open-tspace .component-user-common #content .table-responsive{
  height: calc(100vh - 320px) !important;
  overflow-y: auto !important;
}

.open-tspace .component-template-personal #content .personal-list.table-responsive {
  max-height: calc(100vh - 250px) !important;
  overflow-y: hidden;
}

.open-tspace .component-template-personal #content .personal-table .table-responsive {
  max-height: calc(100vh - 350px) !important;
}

.open-tspace .fuse-font {
  color: #fd7d1a;
  border: 1px solid #fd7d1a;
}

.open-tspace .checkbox-input {
  background-color: #b7bcc9 !important;
  -webkit-box-shadow: 0px 1px 1px 1px #646464 inset;
  box-shadow: 0 1px 1px 1px #646464 inset;
  cursor: pointer;
}
.open-tspace .checkbox-input.checked {
  background-color: #72bc1a !important;
  -webkit-box-shadow: 0px 1px 1px 1px #84b720 inset;
  box-shadow: 0px 1px 1px 1px #84b720 inset;
}

.open-tspace #ribbon .ribbon-button-alignment {
  z-index: 201;
}

.open-tspace table.zy-table-body.table-bordered tbody tr.disabled-row td {
  background-color: #e7e8ed !important;
}

.open-tspace .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
  background-color: #ffead8 !important;
}

.open-tspace .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #ffead8
}

.open-tspace .jarviswidget > div {
  background-color: #fff !important;
}

.open-tspace .switch .switch-label{
  background-color: #b7bcc9;
}

.open-tspace .zy-table-header-wrapper{
  border: 0px !important;
}


.open-tspace table.zy-table-body.table-hover tbody tr:hover td,
.open-tspace table.zy-table-body.table-hover tbody tr:hover th {
  background-color: #ffead8 !important;
}

.open-tspace .fuelux .wizard ul li.active {
	background-color: #ffead9;
}

.open-tspace .fuelux .wizard ul li .chevron {
  right: -13px;
	border-left: 14px solid #ffead9;
}

.open-tspace .fuelux .wizard ul li.active .chevron:before{
	border-left: 1px solid #ffead9;
}

.open-tspace .fuelux .wizard ul li.active .badge {
	background-color: #fd7d1a;
}

.open-tspace .fuelux .wizard ul li .badge {
	background-color: #ffead9;
  color: #443433;
}
.open-tspace .fuelux .wizard ul li.active {
  color: #443433;
}

.open-tspace .ui-multi-select-wrap .select-show-result .result-list li.list-item {
  background-color: #ffead9;
}

.open-tspace .ui-multi-select-wrap .select-show-result .result-list li span.item-text {
  color: #443433;
}

.open-tspace label input[type=radio].radiobox:checked+span:before {
	color: #fd7d1a;
}

.open-tspace label:hover input[type=radio].radiobox+span:before,
.open-tspace label:hover input[type=radio].radiobox:checked+span:before {
  border-color: #fd7d1a;
}

.open-tspace .ui-multi-select-wrap .select-show-result .result-list li span.item-icon {
  color: #443433;
}

.open-tspace .fa-question-circle:before {
  color: #fd7d1a !important;
}

.open-tspace .fa-question-circle:hover:before{
	color: #fd7d1a !important;
}

.open-tspace aside {
  background-color: #191c34 !important;
	background-image: none !important;
}

.open-tspace nav>ul {
	border-bottom: 0px solid #191c34;
}

.open-tspace nav>ul>li{
	border-bottom: 1px solid #191c34;
	border-top: 1px solid #191c34;
}

.open-tspace nav ul li a{
	color: #fff;
}

.open-tspace nav ul ul li.active a{
  color: #fd7d1a !important;
  background-color: #191c34 !important;
}

.open-tspace nav ul li a:focus {
	color: #fd7d1a;
}

.open-tspace nav ul li a:hover {
	color: #fd7d1a;
}

.open-tspace nav ul li.active {
  color: #fd7d1a;
}

.open-tspace nav ul li.active>a {
  color: #fd7d1a;
}

.open-tspace nav>ul ul li.active::before {
	content: '\ec1e';
	display: block;
  position: absolute;
	font-size: 20px;
  width: 20px;
  left: 20px;
  top: 13px;
	color: #fd7d1a;
  font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.open-tspace nav>ul>li>ul::before {
	content: '';
	border-left: 0;
}

.open-tspace nav>ul ul li::before {
	content: '';
	border-top: 0;
}

.open-tspace nav ul.menu-wrapper li.active>a:before {
	content: '';
}

.open-tspace nav ul ul {
	background:#191c34;
}

.open-tspace nav ul li.active>a:before{
	color: inherit;
}

.open-tspace div:not([datepicker]) .region-dropdown .btn-default {
	color: #191c34;
  background-color: #fff;
  border-color: #191c34;
}

body.fixed-header.open-tspace #header {
  background: none !important;
  background:#191c34 !important;
}

.open-tspace .panel-default>.panel-heading {
	background-color: #fd7d1a !important;
	color: #fff !important;
}

/* .open-tspace div.panel{
  border: none !important;
  border-radius: none !important;
} */

.open-tspace div.panel.group-list,
.open-tspace div.panel.common-list {
  border: none !important;
  border-right: 1px solid #dadce0 !important;
  border-radius: none !important;
}

.open-tspace div:not([datepicker]) .btn-default {
  color: #fd7d1a;
  background-color: #fff;
  border-color: #fd7d1a;
}

.open-tspace div:not([datepicker]) .btn-default.active,
.open-tspace div:not([datepicker]) .btn-default:not(.ui-select-toggle):active,
.open-tspace div:not([datepicker]) .btn-default:not(.ui-select-toggle):focus,
.open-tspace div:not(ui-select-match) .btn-default:not(.ui-select-toggle):hover,
.open-tspace div:not([datepicker]) .open>.dropdown-toggle.btn-default {
	color: #fff;
	background-color: #fd7d1a;
	border-color: #fd7d1a;
}

.open-tspace .btn-default.disabled.active,
.open-tspace .btn-default.disabled:active,
.open-tspace .btn-default.disabled:hover,
.open-tspace .btn-default.disabled:focus {
	color: #feead9;
}

.open-tspace .pagination>.active>a,
.open-tspace .smart-style-0 .pagination>.active>a:focus,
.open-tspace .smart-style-0 .pagination>.active>a:hover,
.open-tspace .smart-style-0 .pagination>.active>span,
.open-tspace .smart-style-0 .pagination>.active>span:focus,
.open-tspace .smart-style-0 .pagination>.active>span:hover {
	background-color: #fb7c1a !important;
}

.open-tspace .pagination>.active>a,
.open-tspace .pagination>.active>a:focus,
.open-tspace .pagination>.active>a:hover,
.open-tspace .pagination>.active>span,
.open-tspace .pagination>.active>span:focus,
.open-tspace .pagination>.active>span:hover{
	border-color: #fb7c1a;
}

.open-tspace .table thead tr {background-color: #fd7d1a !important; background-image: none !important; color: #fff !important;}


.open-tspace.fixed-header .panel-primary>.panel-heading {
  color: #515a6e !important;
	background-color: #feeada !important;
}

.open-tspace .piece .piece-flex-header .head-title {
  color: #000;
}

.open-tspace .piece.panel .panel-heading{
  background-color: #feeada !important;
  color: #000 !important;
}

.open-tspace .piece.panel .panel-footbar {
  background-color: #fd7d1a;
  color: #fff
}

.open-tspace .piece.panel .panel-footbar a.icon {
  color: #fff;
}

.open-tspace .checkbox .head-title {
  color: #000;
}

.open-tspace .item-flex span {
  color: #000;
}

.open-tspace .item-flex .dot {
  border: 5px solid #72bc1a;
}
.open-tspace .piece.panel.panel-darken .panel-footbar {
  background-color: #a4a4a4 !important;
}

.open-tspace .piece.panel.panel-darken .panel-heading {
  background-color: #B8BBC0  !important;
}

.open-tspace #ribbon {
	background: #e7e8ee !important;
}

.open-tspace .nav-tabs {
	border-bottom: 2px solid #eeeeee !important;
}

/*如，新增教学桌面，选择教学模板的tab切换*/
.open-tspace .nav-tabs>li.active>a{
	-webkit-box-shadow: 0 2px 0 #fd7d1a !important;
	-moz-box-shadow: 0 2px 0 #fd7d1a !important;
	box-shadow: 0 2px 0  #fd7d1a !important;
}

.open-tspace .voi-tabs-left > .nav-tabs > li.active > a {
  -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none  !important;
  border: 1px solid #d5d5d5 !important;
  border-right: 0px !important;
  border-left: 2px solid #fd7d1a !important;
}

.open-tspace .voi-tabs-left > .nav-tabs > li.active > a:hover {
  border: 1px solid #d5d5d5 !important;
  border-right: 0px !important;
  border-left: 2px solid #fd7d1a !important;
}

.open-tspace .voi-tabs-left > .nav-tabs {
  border-bottom: 0px !important;
}


.open-tspace .nav-tabs>li.active>a {
	margin-top: 0 !important;
}

.open-tspace .nav-tabs>li>a {
	margin-top: -1px !important;
}

.open-tspace .nav-tabs>li.active>a,
.open-tspace .nav-tabs>li.active>a:focus,
.open-tspace .nav-tabs>li.active >a:hover {
	border: 0 !important;
}

/*如，教学桌面，激活按钮，ON*/
.open-tspace .switch .switch-checkbox:checked+.switch-label{
	background-color: #72bc1a !important;
	-webkit-box-shadow: 0px 1px 1px 1px #84b720 inset !important;
	box-shadow: 0px 1px 1px 1px #84b720 inset !important;
}

/* help */
.open-tspace .fa-question-circle:before{
	color: #fd7d1a !important;
}
.open-tspace .fa-question-circle:hover:before{
	color: #fd7d1a !important;
}

/* .open-tspace nav ul ul li>a:hover {
	background: #feeada;
} */



/*dropdown-menu, 如排序*/
.open-tspace .dropdown-menu>li>a:focus,
.open-tspace .dropdown-menu>li>a:hover{
	background-color: #feeada !important;
}

.open-tspace .toolbar-vcenter a.btn-default[disabled],
.open-tspace .toolbar-vcenter a.btn-default.disabled,
.open-tspace .toolbar-vcenter div.btn-group .disabled,
.open-tspace .toolbar-vcenter div.btn-group [disabled]
{
	cursor: not-allowed;
  pointer-events: none;
  color: #b7bcc9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open-tspace .btn-default.disabled, .btn-default.disabled.active,
.open-tspace .btn-default.disabled:active,
.open-tspace .btn-default.disabled:focus,
.open-tspace .btn-default.disabled:hover,
.open-tspace .btn-default[disabled],
.open-tspace .btn-default[disabled].active,
.open-tspace .btn-default[disabled]:active,
.open-tspace .btn-default[disabled]:focus, .btn-default[disabled]:hover,
.open-tspace fieldset[disabled] .btn-default, fieldset[disabled]
.open-tspace .btn-default.active, fieldset[disabled]
.open-tspace .btn-default:active, fieldset[disabled]
.open-tspace .btn-default:focus,
.open-tspace  fieldset[disabled] .btn-default:hover {
  cursor: not-allowed;
  pointer-events: none;
  color: #b7bcc9 !important;
  border-color: #b7bcc9 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open-tspace .input-group-addon {
	color: #fff;
	background-color: #fd7d1a;
}

.open-tspace .content_wrapper .item_icon {
  font-size: 22px;
  color: #fd7d1a;
  display: inline-block;
  vertical-align: middle;
}

.open-tspace .summary-container {
  width: calc(100vw - 220px);
  height: calc(100vh - 60px);
  padding: 0;
  background: transparent;
  margin: -11px 0 0 -31px;
  overflow: hidden;
}

.open-tspace .summary-container .ng-isolate-scope{
  width: 100%;
  height: 100%;
}

.open-tspace .summary-container-view,
.open-tspace .summary-container-container{
  height: 100%;
}

.open-tspace .smart-form .checkbox input+i:after {
  content: '\e601';
  font-family: "iconfont" !important;
  font-style: normal;
  color: #fd7d1a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 400 15px / 19px FontAwesome;
}

.open-tspace .smart-form .checkbox input:checked:hover+i:after {
  content: '\e603';
  font-family: "iconfont" !important;
  font-style: normal;
  color: #fd7d1a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 400 12px / 19px FontAwesome;
}

.open-tspace .smart-form .checkbox input:focus+i,
.open-tspace .smart-form .input input:focus,
.open-tspace .smart-form .radio input:focus+i,
.open-tspace .smart-form .select select:focus,
.open-tspace .smart-form .textarea textarea:focus,
.open-tspace .smart-form .toggle input:focus+i {
  border-color: #fd7d1a;
}

.open-tspace .smart-form .checkbox input:checked+i,
.open-tspace .smart-form .radio input:checked+i,
.open-tspace .smart-form .toggle input:checked+i {
  border-color: #fd7d1a;
}


.open-tspace .ui-checkbox input:checked+i:after {
 content: '\e601';
 font-family: "iconfont" !important;
 font-style: normal;
 color: #fd7d1a;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font: 400 15px / 19px FontAwesome;
}



.open-tspace .ui-checkbox input:checked:hover+i:after {
  content: '\e603';
  font-family: "iconfont" !important;
  font-style: normal;
  color: #fd7d1a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 400 12px / 19px FontAwesome;
}

.open-tspace .ui-checkbox input:checked+i{
  border-color: #fd7d1a;
}

.open-tspace table.zy-table-body.table-bordered tbody tr.disabled-row td{
  background-color: #e7e8ed;
}

.open-tspace nav .pagination li a {
  color: #3276b1 !important;
}

.open-tspace nav .pagination li.active>a {
  color: #fff !important;
}

.open-tspace .pagination>.disabled>a,
.open-tspace .pagination>.disabled>a:focus,
.open-tspace .pagination>.disabled>a:hover,
.open-tspace .pagination>.disabled>span,
.open-tspace .pagination>.disabled>span:focus,
.open-tspace .pagination>.disabled>span:hover {
  color: #999 !important;
}


.open-tspace span.status32.running,
.open-tspace  span.status16.running {
  background-image: url(../img/tspace_computer-running.png);

}

.open-tspace .status32.shutdown,
.open-tspace .status16.shutdown {
  background-image: url(../img/tspace_computer-off.png);
}


.open-tspace .status32.suspended,
.open-tspace .status16.suspended {
  background-image: url(../img/tspace_computer-suspended.png);
}

.open-tspace .status32.nostate,
.open-tspace .status16.nostate {
  background-image: url(../img/tspace_computer-nostate.png);
}

.open-tspace .status32.paused,
.open-tspace .status16.paused {
  background-image: url(../img/tspace_computer-paused.png);
}

.open-tspace .status32.crashed,
.open-tspace .status32.error,
.open-tspace .status16.error {
  background-image: url(../img/tspace_computer-error.png);
}

.open-tspace .status32.blocked,
.open-tspace .status32.saved,
.open-tspace .status32.failed,
.open-tspace .status32.deleted {
  background-image: url(../img/tspace_computer-error.png);
}

.open-tspace .status16.other,
.open-tspace .status32.other {
  background-image: url(../img/tspace_computer-other.png);
}


.open-tspace .status16.power_on_windows,
.open-tspace .status32.power_on_windows {
  background-image: url(/img/tspace_terminal_power_on_windows.png);
}

.open-tspace .status16.power_on_linux,
.open-tspace .status32.power_on_linux {
  background-image: url(/img/tspace_terminal_power_on_linux.png);
}

.open-tspace .status16.power_off,
.open-tspace .status32.power_off {
  background-image: url(/img/tspace_terminal_power_off.png);
}

.open-tspace .status16.menu,
.open-tspace .status32.menu {
  background-image: url(/img/tspace_terminal_menu.png);
}

.open-tspace .status16.deploy,
.open-tspace .status32.deploy {
  background-image: url(/img/tspace_terminal_deploy.png);
}

.open-tspace .status16.defend,
.open-tspace .status32.defend {
  background-image: url(/img/tspace_terminal_defend.png);
}

.open-tspace .status16.other,
.open-tspace .status32.other {
  background-image: url(../img/tspace_computer-other.png);
}

.open-tspace .status16.online,
.open-tspace .status32.online {
  background-image: url(../img/tspace_computer-running.png);
}


.open-tspace .status50.running {
  background-image: url(../img/tspace_intance_running.png);
}

.open-tspace .status50.shutdown {
  background-image: url(../img/tspace_intance_shutdown.png);
}

.open-tspace .status50.migrating {
  background-image: url(../img/tspace_intance_mig.gif);
}

.open-tspace .status50.paused {
  background-image: url(../img/tspace_intance_pause.png);
}

.open-tspace .status50.error,
.open-tspace .status50.crashed {
  background-image: url(../img/tspace_intance_error.png);
}

.open-tspace .status50.nostate {
  background-image: url(../img/tspace_intance_nostate.png);
}

.open-tspace .status16.menu-not-uefi,
.open-tspace .status32.menu-not-uefi {
  background-image: url(../img/tspace_client-menu-not-uefi.png);

}


.open-tspace .header-dropdown {
  background-color: #191c34 !important;
  color: #fff !important;
}

.open-tspace label input[type=checkbox].checkbox:checked+span:before {
  content:'\e601';
  color: #fd7d1a;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 400 14px / 14px FontAwesome;
}

.open-tspace label:active input[type=checkbox].checkbox:checked+span:before {
  background-color: #ffead8;
}


.open-tspace .ui-select-bootstrap .ui-select-choices-row.active>span {
  background-color: #fd7d1a !important;
}
.open-tspace label:hover input[type=checkbox].checkbox+span:before {
  border-color: #ffead8;
}

.open-tspace .desktopHelpBox .map .icon > i {
  color: #fd7d1a;
}
.open-tspace .desktopHelpBox .map .icon.green > i {
  color: #72bc1a;
}
/* .open-tspace .progress-bar {
  background-color: #fd7d1a !important;
} */

body .ui-select-bootstrap.open {
  z-index: 9999 !important;
}

.open-tspace .bg-color-greenLight {
  background-color: #72bc1a !important;
}

.open-tspace .bg-color-yellowLight {
  background-color: #f7c200 !important;
}

.open-tspace .tagarea .tag.on {
  background-color: #ffead9 !important;
  color: #443433;
}

.open-tspace .virtual-hw-compatible .info {
  color: #fd7d1a;
  background: #ffead9;
  border: 1px dotted #fd7d1a;
}
.open-tspace .ui-multi-select-wrap .select-dropdown ul li:not(.title).choice-selected {
  background-color: #ffead9;
  opacity: 1;
}

.open-tspace treecontrol.tree-clean li .tree-selected {
  background-color: #ffead9;
}

.open-tspace treecontrol.tree-classic li .tree-selected {
  background-color: #ffead9;
}

.open-tspace treecontrol.my-tree li .tree-label > i::after {
  color: #fd7d1a
}

.open-tspace treecontrol.my-tree li .tree-label > i::after {
  content: '\e601';
  font-family: "iconfont" !important;
  font-style: normal;
  color: #fd7d1a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 400 14px / 17px FontAwesome;
}

.open-tspace treecontrol.my-tree li .tree-label > i.middle::before {
  background: #fd7d1a;
}
.open-tspace treecontrol.my-tree li .tree-label > input[type="checkbox"]:checked + i {
  border-color: #fd7d1a;
}

.open-tspace .quick-deploy-selimg {
  background-color: #fd7d1a;
}

.open-tspace .teacher-machine-font {
  background-color: #fd7d1a;
}

.open-tspace div.panel {
  border: none !important;
}


.open-tspace div.panel-box {
  border: 1px solid #dadce0 !important;
}

.gpu-more-btn {
  color: #191c34 !important;
  background-color: #fff !important;
  border-color: #191c34 !important;
}

.gpu-more-btn:active,
.gpu-more-btn:hover,
.gpu-more-btn:focus {
  color: #b7bcc9 !important;
  border-color: #b7bcc9 !important;
}


.ui-select-bootstrap .ui-select-choices-row.active>span .close {
  color: #fff;
  text-shadow: none;
  opacity: 1;
}

.view-icon {
  color: #333;
}

.open-tspace .view-icon {
  color: #fd7d1a;
}

.open-tspace .item-flex .dot.grey {
  border-color: grey;
}

.open-tspace .item-flex .dot.red {
  border-color: #f15250;
}

.name-slot {
  display: flex;
  align-items: center;
  justify-content: center;
}

.name-left {
  justify-content: flex-start;
}

.name-status {
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}

.teacher-mark {
  flex: none;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid #fd7d1a;
  color: #fd7d1a;
  text-align: center;
  margin-left: 4px;
}

@media (min-width: 768px) and (max-width: 880px) {
  .open-tspace #left-panel {
    left: 0 !important;
  }
  #main {
    margin-left: 220px;
  }
  #logo-group {
   width: 220px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .open-tspace #left-panel {
    left: 0 !important;
  }
  #main {
    margin-left: 220px;
  }
  #logo-group {
    width: 220px;
  }
}

@media (max-width: 767px) {
  .open-tspace #left-panel {
    left: 0 !important;
  }
  #main {
    margin-left: 220px;
  }
  #logo-group {
    width: 220px;
  }
}

.teacher-mark.reverse {
  color: white;
  background: #fd7d1a;
  padding: 0 2px;
}

html body.open-tspace {
  background: #fff;
}

.open-tspace .btn-zdl,
.open-tspace .btn-zdl.disabled,
.open-tspace .btn-zdl.disabled.active,
.open-tspace .btn-zdl.disabled:active,
.open-tspace .btn-zdl.disabled:focus,
.open-tspace .btn-zdl.disabled:hover,
.open-tspace .btn-zdl[disabled],
.open-tspace .btn-zdl[disabled].active,
.open-tspace .btn-zdl[disabled]:active,
.open-tspace .btn-zdl[disabled]:focus,
.open-tspace .btn-zdl[disabled]:hover,
.open-tspace fieldset[disabled] .btn-zdl,
.open-tspace fieldset[disabled] .btn-zdl.active,
.open-tspace fieldset[disabled] .btn-zdl:focus,
.open-tspace fieldset[disabled] .btn-zdl:hover,
.open-tspace .btn-zdl.active, .btn-zdl:active,
.open-tspace .btn-zdl:focus, .btn-zdl:hover,
.open-tspace .open > .dropdown-toggle.btn-zdl {
  color: #fd7d1a !important;
  background-color: #fff !important;
  border-color: #fd7d1a !important;
}

.open-tspace .cancel-btn-zdl,
.open-tspace .cancel-btn-zdl.disabled,
.open-tspace .cancel-btn-zdl.disabled.active,
.open-tspace .cancel-btn-zdl.disabled:active,
.open-tspace .cancel-btn-zdl.disabled:focus,
.open-tspace .cancel-btn-zdl.disabled:hover,
.open-tspace .cancel-btn-zdl[disabled],
.open-tspace .cancel-btn-zdl[disabled].active,
.open-tspace .cancel-btn-zdl[disabled]:active,
.open-tspace .cancel-btn-zdl[disabled]:focus,
.open-tspace .cancel-btn-zdl[disabled]:hover,
.open-tspace fieldset[disabled] .cancel-btn-zdl,
.open-tspace fieldset[disabled] .cancel-btn-zdl.active,
.open-tspace fieldset[disabled] .cancel-btn-zdl:focus,
.open-tspace fieldset[disabled] .cancel-btn-zdl:hover,
.open-tspace .open > .dropdown-toggle.cancel-btn-zdl {
  color: #fd7d1a !important;
  background-color: #fff !important;
  border-color: #fd7d1a !important;
}


.open-tspace .btn-zdl:active,
.open-tspace .btn-zdl:focus,
.open-tspace .btn-zdl:hover{
  color: #fff !important;
  background-color: #fd7d1a !important;
  border-color: #fd7d1a !important;
}

.open-tspace .cancel-btn-zdl:active,
.open-tspace .cancel-btn-zdl:focus,
.open-tspace .cancel-btn-zdl:hover {
  color: #fff !important;
  background-color: #fd7d1a !important;
  border-color: #fd7d1a !important;
}

.open-tspace .btn-primary.disabled,
.open-tspace .btn-primary.disabled.active,
.open-tspace .btn-primary.disabled:active,
.open-tspace .btn-primary.disabled:focus,
.open-tspace .btn-primary.disabled:hover,
.open-tspace .btn-primary[disabled],
.open-tspace .btn-primary[disabled].active,
.open-tspace .btn-primary[disabled]:active,
.open-tspace .btn-primary[disabled]:focus,
.open-tspace .btn-primary[disabled]:hover,
.open-tspace fieldset[disabled] .btn-primary,
.open-tspace fieldset[disabled] .btn-primary.active,
.open-tspace fieldset[disabled] .btn-primary:active,
.open-tspace fieldset[disabled] .btn-primary:focus,
.open-tspace fieldset[disabled] .btn-primary:hover {
  cursor: not-allowed;
  pointer-events: none;
  color: #b7bcc9 !important;
  border-color: #b7bcc9 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}


.open-tspace .btn-primary {
  color: #fd7d1a;
  background-color: #fff ;
  border-color: #fd7d1a;
}

.open-tspace .btn-primary:active,
.open-tspace .btn-primary:focus,
.open-tspace .btn-primary:hover {
  color: #fff;
  background-color: #fd7d1a;
  border-color: #fd7d1a;
}


.open-tspace .header-dropdown-item-box {
  width: 96px;
  height: 64px;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  margin: 4px 0;
}

.open-tspace .header-dropdown-item-box:hover {
  cursor: pointer;
  background: #eceef5;
}

.open-tspace .header-dropdown-item-box-disabled:hover {
  cursor: not-allowed;
  pointer-events: none;
  background: #fff
}

.ui-popover{
  position: fixed;
  box-sizing: border-box;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  border-radius: 3px;
  white-space: normal;
  max-width: 276px;
  z-index: 999999;
}

.ui-popover .ui-popover-arrow {
  border-width: 11px;
}

.ui-popover .ui-popover-arrow, .ui-popover .ui-popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.ui-popover .ui-popover-arrow::after {
  border-width: 10px;
}

.ui-popover>.ui-popover-arrow.top,
.ui-popover>.ui-popover-arrow.top-start,
.ui-popover>.ui-popover-arrow.top-end {
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  bottom: -11px;
}

.ui-popover.top>.ui-popover-arrow {
  left: 50%;
}

.ui-popover.top-start>.ui-popover-arrow {
  left: 30px;
}

.ui-popover.top-end>.ui-popover-arrow {
  left: calc(100% - 30px);
}

.ui-popover>.ui-popover-arrow.top::after ,
.ui-popover>.ui-popover-arrow.top-start::after,
.ui-popover>.ui-popover-arrow.top-end::after {
  content: " ";
  bottom: 1px;
  border-bottom-width: 0;
  margin-left: -10px;
  border-top-color: #fff;
}

.ui-popover>.ui-popover-arrow.bottom,
.ui-popover>.ui-popover-arrow.bottom-start,
.ui-popover>.ui-popover-arrow.bottom-end {
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
  top: -11px;
}

.ui-popover.bottom>.ui-popover-arrow {
  left: 50%;
}

.ui-popover.bottom-start>.ui-popover-arrow {
  left: 30px;
}

.ui-popover.bottom-end>.ui-popover-arrow {
  left: calc(100% - 30px);
}

.ui-popover>.ui-popover-arrow.bottom::after,
.ui-popover>.ui-popover-arrow.bottom-start::after,
.ui-popover>.ui-popover-arrow.bottom-end::after {
  content: " ";
  top: 1px;
  border-top-width: 0;
  margin-left: -10px;
  border-bottom-color: #fff;
}


.ui-popover>.ui-popover-arrow.right,
.ui-popover>.ui-popover-arrow.right-start,
.ui-popover>.ui-popover-arrow.right-end {
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  left: -11px;
}


.ui-popover>.ui-popover-arrow.right::after,
.ui-popover>.ui-popover-arrow.right-start::after,
.ui-popover>.ui-popover-arrow.right-end::after {
  content: " ";
  left: 1px;
  border-left-width: 0;
  margin-top: -10px;
  border-right-color: #fff;
}

.ui-popover.right>.ui-popover-arrow {
  top: 50%;
}

.ui-popover.right-start>.ui-popover-arrow {
  top: 18px;
}

.ui-popover.right-end>.ui-popover-arrow {
  top: calc(100% - 18px);
}


.ui-popover>.ui-popover-arrow.left::after,
.ui-popover>.ui-popover-arrow.left-start::after,
.ui-popover>.ui-popover-arrow.left-end::after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  margin-top: -10px;
  border-left-color: #fff;
}

div[slot="tooltip"] {
  display: none;
}



.ui-popover>.ui-popover-arrow.left,
.ui-popover>.ui-popover-arrow.left-start,
.ui-popover>.ui-popover-arrow.left-end {
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
  right: -11px;
}

.ui-popover>.ui-popover-arrow.left {
  top: 50%;
}

.ui-popover>.ui-popover-arrow.left-start {
  top: 18px;
}

.ui-popover>.ui-popover-arrow.left-end {
  top: calc(100% - 18px);
}



.ui-popover-content .menu_item_list{
	margin:0;
	padding:1px;
	list-style-type:none;
}
.ui-popover-content .menu_item_list .menu_item{
	position:relative;
	margin:0;
	padding:0;
}
.ui-popover-content .menu_item_list .menu_split{
	margin:1px 0;
	padding:0;
	border:0 none;
	border-top:1px solid #999;
}
.ui-popover-content .menu_item a{
	display:block;
	margin:0;
	font-size:14px;
	line-height:28px;
	height:28px;
	padding:0 0 0 16px;
	text-decoration:none;
	color:#333;
	position:relative;
	text-align:left;
	min-width:200px;
	cursor:default;
	background:#fff;
	transition:background-color .2s linear 0;
	-webkit-transition:background-color .2s linear 0;
	-moz-transition:background-color .2s linear 0;
	-ms-transition:background-color .2s linear 0;
	-o-transition:background-color .2s linear 0;
}
.menu_item.hover .ui-popover-content.sub_menu .menu_item a{
	background:#fff;
}
.ui-popover-content .menu_item_list .menu_item a i{
	position:absolute;
	right:10px;
	top:10px;
	border:4px solid transparent;
	border-left-color:#333;
}
.ui-popover-content .menu_item.hover a,
.ui-popover-content .menu_item a:hover,
.menu_item.hover .ui-popover-content.sub_menu .menu_item a:hover{
	background:#ccc;
}
.ui-popover-content .menu_item.disabled,.ui-popover-content .menu_item[disabled]{
	pointer-events: none;
	cursor: not-allowed;
	box-shadow: none;
	background:#fff;
}
.ui-popover-content .menu_item.disabled a,.ui-popover-content .menu_item[disabled] a{
	color:#aaa;
}
.ui-popover-content.sub_menu{
	position:absolute;
	display:none;
}
.menu_item.hover .ui-popover-content.sub_menu{
	display:block;
	top:1px;
	left:199px;
	z-index:100;
}

.table-condensed.table > tbody > tr.disabled-table-row > td {
  background-color: #eae9e9 !important;
  color: #bfbfbf !important;
}

.table-condensed.table > tbody > tr.event_none > td {
  pointer-events: none;
}


.open-tspace .table-condensed.table > tbody > tr.disabled-table-row > td {
  background-color: #e7e8ed !important;
}