body {
  background-color: #ecf0f5;
  -webkit-appearance: none;
}
body,
.form-control,
.btn,
.input-group-addon,
.layui-layer-dialog .layui-layer-content {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial;
  font-size: 12px;
}
.block {
  display: block;
}
.relative {
  position: relative;
  overflow: hidden;
}
.dropdown-menu {
  border-color: #dde6e9;
  padding: 0;
  font-size: 12px;
}
.dropdown-menu > li > a {
  color: #1d1d1d;
  display: block;
  padding: 10px 10px 10px 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-menu > li > a.active {
  background-color: #009688;
  color: #fff;
}
.has-shadow {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
[data-key] {
  cursor: pointer;
}
.link {
  color: #17a2b8;
  cursor: pointer;
}
.link:hover {
  color: #2f67b5;
  text-decoration: none;
}
.content-panel {
  background-color: #fff;
  padding: 3px;
  border-radius: 1px;
  border: 1px solid #ddd;
}
.tabs {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tabs > table {
  float: right;
  table-layout: fixed;
  text-align: center;
}
.tabs > table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabs > table td a {
  min-width: 50px;
  display: block;
  padding: 13px;
  background: #fff;
  color: #1d1d1d;
  text-decoration: none;
  border-left: 1px solid #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabs > table td a:hover {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.tabs > table td a i {
  margin-right: 10px;
}
.tabs > table td a.active {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 991px) {
  .tabs > table {
    float: none;
    width: 100%;
  }
  .tabs > table td a {
    min-width: 0;
  }
}
.fixed-full {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
}
.body-shade {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 56;
  display: none;
}
label {
  font-weight: normal;
}
label.error {
  color: #dc3545;
  font-size: 11px;
}
input.error,
select.error,
textarea.error,
.form-control.error {
  border-color: #dc3545;
}
input.error:focus,
select.error:focus,
textarea.error:focus,
.form-control.error:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #dc3545;
}
.bg-white[readonly] {
  background: #fff;
}
input[type="text"][readonly],
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #f5f6fa;
}
div[class*='icheckbox'] {
  margin-top: -2px;
  margin-right: 10px;
  margin-left: 5px;
}
.input-group-addon div[class*='icheckbox'] {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
.btn-primary {
  color: #ffffff;
  background-color: #2f67b5;
  border-color: #24508d;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
  color: #ffffff;
  background-color: #24508d;
  border-color: #1a3964;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus {
  background-color: #2f67b5;
  border-color: #24508d;
  opacity: .8;
  cursor: not-allowed;
}
.btn-success {
  color: #ffffff;
  background-color: #28a745;
  border-color: #1e7e34;
}
.btn-success:focus,
.btn-success.focus,
.btn-success:hover {
  color: #ffffff;
  background-color: #1e7e34;
  border-color: #145523;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus {
  background-color: #28a745;
  border-color: #1e7e34;
  opacity: .8;
  cursor: not-allowed;
}
.btn-info {
  color: #ffffff;
  background-color: #17a2b8;
  border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus,
.btn-info:hover {
  color: #ffffff;
  background-color: #117a8b;
  border-color: #0c525d;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus {
  background-color: #17a2b8;
  border-color: #117a8b;
  opacity: .8;
  cursor: not-allowed;
}
.btn-warning {
  color: #ffffff;
  background-color: #ffc107;
  border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:hover {
  color: #ffffff;
  background-color: #d39e00;
  border-color: #a07800;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus {
  background-color: #ffc107;
  border-color: #d39e00;
  opacity: .8;
  cursor: not-allowed;
}
.btn-danger {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #bd2130;
}
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover {
  color: #ffffff;
  background-color: #bd2130;
  border-color: #921925;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus {
  background-color: #dc3545;
  border-color: #bd2130;
  opacity: .8;
  cursor: not-allowed;
}
.btn-inverse {
  color: #ffffff;
  background-color: #131e26;
  border-color: #020304;
}
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:hover {
  color: #ffffff;
  background-color: #020304;
  border-color: #000000;
}
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus {
  background-color: #131e26;
  border-color: #020304;
  opacity: .8;
  cursor: not-allowed;
}
.btn-green {
  color: #ffffff;
  background-color: #009688;
  border-color: #00635a;
}
.btn-green:focus,
.btn-green.focus,
.btn-green:hover {
  color: #ffffff;
  background-color: #00635a;
  border-color: #00302c;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus {
  background-color: #009688;
  border-color: #00635a;
  opacity: .8;
  cursor: not-allowed;
}
.btn-purple {
  color: #ffffff;
  background-color: #7266ba;
  border-color: #564aa3;
}
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:hover {
  color: #ffffff;
  background-color: #564aa3;
  border-color: #443a80;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus {
  background-color: #7266ba;
  border-color: #564aa3;
  opacity: .8;
  cursor: not-allowed;
}
.btn-pink {
  color: #ffffff;
  background-color: #f532e5;
  border-color: #e90bd6;
}
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:hover {
  color: #ffffff;
  background-color: #e90bd6;
  border-color: #b809aa;
}
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus {
  background-color: #f532e5;
  border-color: #e90bd6;
  opacity: .8;
  cursor: not-allowed;
}
.btn-yellow {
  color: #ffffff;
  background-color: #fad732;
  border-color: #f3ca06;
}
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:hover {
  color: #ffffff;
  background-color: #f3ca06;
  border-color: #c1a005;
}
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
.btn-yellow.disabled.focus,
.btn-yellow[disabled].focus {
  background-color: #fad732;
  border-color: #f3ca06;
  opacity: .8;
  cursor: not-allowed;
}
.btn-gray {
  color: #1d1d1d;
  background-color: #dde6e9;
  border-color: #becfd5;
}
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:hover {
  color: #1d1d1d;
  background-color: #becfd5;
  border-color: #9fb8c1;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus {
  background-color: #dde6e9;
  border-color: #becfd5;
  opacity: .8;
  cursor: not-allowed;
}
.bg-primary {
  background-color: #2f67b5 !important;
  color: #ffffff !important;
}
.bg-success {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
.bg-info {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
.bg-warning {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}
.bg-danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.bg-green {
  background-color: #009688 !important;
  color: #ffffff !important;
}
.bg-pink {
  background-color: #f532e5 !important;
  color: #ffffff !important;
}
.bg-purple {
  background-color: #7266ba !important;
  color: #ffffff !important;
}
.bg-inverse {
  background-color: #131e26 !important;
  color: #ffffff !important;
}
.bg-yellow {
  background-color: #fad732 !important;
  color: #ffffff !important;
}
.bg-gray {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.bg-white {
  background-color: #fff;
}
.bg-transparent {
  background-color: transparent !important;
}
.text-primary {
  color: #2f67b5;
}
.text-success {
  color: #28a745;
}
.text-info {
  color: #17a2b8;
}
.text-warning {
  color: #ffc107;
}
.text-danger {
  color: #dc3545;
}
.text-green {
  color: #009688;
}
.text-pink {
  color: #f532e5;
}
.text-purple {
  color: #7266ba;
}
.text-inverse {
  color: #131e26;
}
.text-yellow {
  color: #fad732;
}
.text-white {
  color: #fff;
}
.text-gray {
  color: #dde6e9;
}
.text-nowrap {
  white-space: nowrap;
  overflow: hidden;
}
.text-wrap {
  word-break: break-all;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.text-bold {
  font-weight: bold;
}
.text-center {
  text-align: center;
}
.text-gray2 {
  color: #a5acaf;
}
.alert {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 5px;
}
.alert-dismissible .close {
  color: #fff;
  opacity: .9;
  outline: none;
  font-size: 18px;
}
.alert-primary {
  background-color: #2f67b5;
  border-color: #24508d;
  color: #ffffff !important;
}
.alert-success {
  background-color: #28a745;
  border-color: #1e7e34;
  color: #ffffff !important;
}
.alert-info {
  background-color: #17a2b8;
  border-color: #117a8b;
  color: #ffffff !important;
}
.alert-warning {
  background-color: #ffc107;
  border-color: #d39e00;
  color: #ffffff !important;
}
.alert-danger {
  background-color: #dc3545;
  border-color: #bd2130;
  color: #ffffff !important;
}
.alert-gray {
  background-color: #dde6e9;
  border-color: #becfd5;
  color: #1d1d1d !important;
}
.panel {
  margin-bottom: 10px;
}
.panel .panel-heading {
  padding: 0;
}
.panel .panel-heading a.panel-title {
  font-size: 12px;
  padding: 10px 15px;
  display: block;
}
.panel .panel-heading a.panel-title i {
  margin-right: 10px;
}
.panel .panel-footer {
  padding: 0;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #1d1d1d;
  background-color: #ffffff;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #c4c4c4;
}
.panel-default > .panel-heading:hover {
  background-color: #f2f2f2;
}
.panel-default > .panel-heading .badge {
  color: #ffffff;
  background-color: #1d1d1d;
}
.panel-default > .panel-heading a {
  color: #1d1d1d;
}
.panel-default > .panel-heading a:hover,
.panel-default > .panel-heading a:focus {
  text-decoration: none;
}
.panel-default .panel-footer {
  background-color: #fff;
  border-top-color: #c4c4c4;
}
.panel-default .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffffff;
}
.panel-primary {
  border-color: #2a5ba1;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #2f67b5;
  border-color: #2a5ba1;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1f4478;
}
.panel-primary > .panel-heading:hover {
  background-color: #2a5ba1;
}
.panel-primary > .panel-heading .badge {
  color: #2f67b5;
  background-color: #ffffff;
}
.panel-primary > .panel-heading a {
  color: #ffffff;
}
.panel-primary > .panel-heading a:hover,
.panel-primary > .panel-heading a:focus {
  text-decoration: none;
}
.panel-primary .panel-footer {
  background-color: #fff;
  border-top-color: #1f4478;
}
.panel-primary .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #2f67b5;
}
.panel-success {
  border-color: #23923c;
}
.panel-success > .panel-heading {
  color: #ffffff;
  background-color: #28a745;
  border-color: #23923c;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #19692b;
}
.panel-success > .panel-heading:hover {
  background-color: #23923c;
}
.panel-success > .panel-heading .badge {
  color: #28a745;
  background-color: #ffffff;
}
.panel-success > .panel-heading a {
  color: #ffffff;
}
.panel-success > .panel-heading a:hover,
.panel-success > .panel-heading a:focus {
  text-decoration: none;
}
.panel-success .panel-footer {
  background-color: #fff;
  border-top-color: #19692b;
}
.panel-success .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #28a745;
}
.panel-info {
  border-color: #148ea1;
}
.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #17a2b8;
  border-color: #148ea1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0f6674;
}
.panel-info > .panel-heading:hover {
  background-color: #148ea1;
}
.panel-info > .panel-heading .badge {
  color: #17a2b8;
  background-color: #ffffff;
}
.panel-info > .panel-heading a {
  color: #ffffff;
}
.panel-info > .panel-heading a:hover,
.panel-info > .panel-heading a:focus {
  text-decoration: none;
}
.panel-info .panel-footer {
  background-color: #fff;
  border-top-color: #0f6674;
}
.panel-info .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #17a2b8;
}
.panel-warning {
  border-color: #ecb100;
}
.panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #ffc107;
  border-color: #ecb100;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #b98b00;
}
.panel-warning > .panel-heading:hover {
  background-color: #ecb100;
}
.panel-warning > .panel-heading .badge {
  color: #ffc107;
  background-color: #ffffff;
}
.panel-warning > .panel-heading a {
  color: #ffffff;
}
.panel-warning > .panel-heading a:hover,
.panel-warning > .panel-heading a:focus {
  text-decoration: none;
}
.panel-warning .panel-footer {
  background-color: #fff;
  border-top-color: #b98b00;
}
.panel-warning .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffc107;
}
.panel-danger {
  border-color: #d32535;
}
.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #d32535;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a71d2a;
}
.panel-danger > .panel-heading:hover {
  background-color: #d32535;
}
.panel-danger > .panel-heading .badge {
  color: #dc3545;
  background-color: #ffffff;
}
.panel-danger > .panel-heading a {
  color: #ffffff;
}
.panel-danger > .panel-heading a:hover,
.panel-danger > .panel-heading a:focus {
  text-decoration: none;
}
.panel-danger .panel-footer {
  background-color: #fff;
  border-top-color: #a71d2a;
}
.panel-danger .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dc3545;
}
.panel-inverse {
  border-color: #0a1115;
}
.panel-inverse > .panel-heading {
  color: #ffffff;
  background-color: #131e26;
  border-color: #0a1115;
}
.panel-inverse > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #000000;
}
.panel-inverse > .panel-heading:hover {
  background-color: #0a1115;
}
.panel-inverse > .panel-heading .badge {
  color: #131e26;
  background-color: #ffffff;
}
.panel-inverse > .panel-heading a {
  color: #ffffff;
}
.panel-inverse > .panel-heading a:hover,
.panel-inverse > .panel-heading a:focus {
  text-decoration: none;
}
.panel-inverse .panel-footer {
  background-color: #fff;
  border-top-color: #000000;
}
.panel-inverse .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #131e26;
}
.panel-purple {
  border-color: #6254b2;
}
.panel-purple > .panel-heading {
  color: #ffffff;
  background-color: #7266ba;
  border-color: #6254b2;
}
.panel-purple > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #4d4292;
}
.panel-purple > .panel-heading:hover {
  background-color: #6254b2;
}
.panel-purple > .panel-heading .badge {
  color: #7266ba;
  background-color: #ffffff;
}
.panel-purple > .panel-heading a {
  color: #ffffff;
}
.panel-purple > .panel-heading a:hover,
.panel-purple > .panel-heading a:focus {
  text-decoration: none;
}
.panel-purple .panel-footer {
  background-color: #fff;
  border-top-color: #4d4292;
}
.panel-purple .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #7266ba;
}
.item-list .item-tooltip {
  padding: 5px 5px;
  font-size: 11px;
  color: #dc3545;
  display: inline-block;
}
.item-list .item-search {
  margin: 3px;
}
.item-list .item {
  display: inline-block;
  text-align: center;
  min-width: 100px;
  vertical-align: top;
  cursor: pointer;
  padding: 3px 5px;
  border-radius: 3px;
}
.item-list .item.item-media .media {
  height: 150px;
  padding: 3px;
  background: #eee;
  border: 1px solid #ddd;
  margin: auto;
  vertical-align: middle;
  display: flex;
  position: relative;
}
.item-list .item.item-media .media img,
.item-list .item.item-media .media video,
.item-list .item.item-media .media p {
  max-height: 100%;
  max-width: 99%;
  margin: auto;
  border-radius: 4px;
}
.item-list .item.item-media .media .tips {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.39);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 3px;
}
.item-list .item.item-media.selected > .content:after {
  display: block;
  content: "√";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #28a745 !important;
  color: #ffffff !important;
  padding: 2px 15px;
  text-align: center;
}
.item-list .item.item-media.selected > .content .title:after {
  content: "";
}
.item-list .item.item-media .tag-group {
  position: absolute;
  top: 1px;
  left: 1px;
}
.item-list .item.item-media .tag-group.right {
  right: 1px;
  left: auto;
}
.item-list .item.item-media .tag {
  display: inline-block;
  background: rgba(87, 80, 80, 0.7);
  font-size: 10px;
  color: #fff;
  padding: 3px;
  border-radius: 3px;
  margin: 2px;
  text-decoration: none;
}
.item-list .item.item-media .tag.lg {
  padding: 6px 10px;
  font-size: 11px;
}
.item-list .item.item-media .tag.success {
  background: rgba(40, 167, 69, 0.76);
  right: 1px;
  left: auto;
}
.item-list .item.item-media .tag.danger {
  background: rgba(215, 70, 37, 0.76);
  right: 1px;
  left: auto;
}
.item-list .item.item-media .tag.warning {
  background: rgba(245, 190, 12, 0.8);
  right: 1px;
  left: auto;
}
.item-list .item.active > .content,
.item-list .item.selected > .content {
  border-color: #28a745;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 239, 36, 0.6) !important;
  position: relative;
}
.item-list .item.selected > .content:after {
  content: "";
  display: none;
}
.item-list .item.selected > .content .title:after {
  content: "√";
}
.item-list .item > .content {
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  /*.has-shadow;*/
}
.item-list .item > .content .label {
  position: absolute;
  top: -1px;
  right: 1px;
  text-align: center;
  padding: 2px 3px;
  font-size: 10px;
}
.item-list .item > .content:hover {
  border-color: #17a2b8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.item-list .item > .content .attr {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 3px;
}
.item-list .item > .content .attr.attr-lg {
  padding: 6px 8px;
}
.item-list .item > .content .title {
  border-radius: 3px;
}
.item-list .item.item-green > .content {
  background: #009688;
  border-color: #007d71;
  color: #ffffff;
}
.item-list .item.item-success > .content {
  background: #28a745;
  border-color: #23923c;
  color: #ffffff;
}
.item-list .item.item-warning > .content {
  background: #ffc107;
  border-color: #ecb100;
  color: #ffffff;
}
.item-list .item.item-danger > .content {
  background: #dc3545;
  border-color: #d32535;
  color: #ffffff;
}
.mt-lg {
  margin-top: 10px;
}
.form-control-inner {
  width: 100px;
  text-align: center;
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  border-bottom-color: #ccc;
}
.form-control-inner:hover,
.form-control-inner:focus {
  border-color: #ccc;
}
.form-control-inner[readonly],
.form-control-inner[disabled] {
  cursor: not-allowed;
  background-color: #eee;
}
.form-control-inner[readonly]:hover,
.form-control-inner[disabled]:hover,
.form-control-inner[readonly]:focus,
.form-control-inner[disabled]:focus {
  border-color: transparent;
}
.form-group-dotted {
  border: 1px dotted #ddd;
  padding: 5px 5px;
  border-radius: 4px;
  margin: 5px 0;
}
.form-group-dotted:hover {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.form-group-dotted.disabled {
  background: #ddd !important;
}
.tooltip-item {
  margin: 5px;
}
.tooltip-item > i {
  margin-right: 5px;
  min-width: 20px;
}
.w-100 {
  width: 100%;
}
.topbar.navbar,
.sidebar,
.sidebar.left .logo,
.sidebar.left .logo a,
.sidebar.left a,
.sidebar.left .sidebar-scroll,
.body-content,
.content-footer,
.content-header-fixed {
  /*transition: all .3s;
    -webkit-transition: all .3s;*/
}
.topbar.navbar {
  position: fixed;
  left: 230px;
  right: 0;
  background: #393d49;
  margin-bottom: 0;
  border-radius: 0;
  border: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  z-index: 55;
}
.topbar.navbar .nav > li {
  float: left;
}
@media only screen and (max-width: 991px) {
  .topbar.navbar .nav > li {
    position: static;
  }
}
.topbar.navbar .nav > li > a,
.topbar.navbar .nav > li .navbar-text {
  margin: 0;
  color: #f8f8f8;
  padding: 0 15px;
  line-height: 50px;
  font-size: 13px;
  border-left: 1px solid #323640;
}
.topbar.navbar .nav > li > a .label,
.topbar.navbar .nav > li .navbar-text .label {
  position: absolute;
  top: 5px;
  right: 3px;
  text-align: center;
  font-size: 10px;
  padding: 2px 3px;
  line-height: .9;
}
.topbar.navbar .nav > li > a em,
.topbar.navbar .nav > li .navbar-text em {
  font-size: 17px;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.topbar.navbar .nav > li > a {
  background: #393d49;
}
.topbar.navbar .nav > li > a:hover,
.topbar.navbar .nav > li > a:focus,
.topbar.navbar .nav > li > a:active {
  color: #fff;
  background: #323640;
}
@media only screen and (max-width: 991px) {
  .topbar.navbar .nav > li > a span {
    display: none;
  }
}
.topbar.navbar .nav > li > a.deep {
  background: linear-gradient(45deg, #2f67b5, #c779d0, #2f67b5);
}
.topbar.navbar .nav > li > a.deep:hover,
.topbar.navbar .nav > li > a.deep:focus,
.topbar.navbar .nav > li > a.deep:active {
  background: linear-gradient(45deg, #c779d0, #2f67b5, #c779d0);
}
.topbar.navbar .nav > li > a > img,
.topbar.navbar .nav > li > img {
  max-height: 100%;
  max-width: 100%;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.topbar.navbar .nav > li .page-title {
  max-width: 300px;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topbar.navbar .nav > li.open > a,
.topbar.navbar .nav > li.open > a:hover,
.topbar.navbar .nav > li.open > a:focus {
  background: #323640;
}
.topbar.navbar .nav > li .return-toggle {
  font-size: 20px;
}
.topbar.navbar .navbar-nav {
  float: left;
  margin: 0;
}
.topbar.navbar .navbar-right {
  float: right;
}
.topbar.navbar .navbar-right .dropdown-menu {
  right: 0;
  left: auto;
}
.topbar.navbar .dropdown .dropdown-menu {
  position: absolute;
  margin-top: 1px;
}
@media only screen and (max-width: 991px) {
  .topbar.navbar .dropdown.open .dropdown-menu {
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    left: 0;
    right: 0;
    width: 100%;
  }
  .topbar.navbar .dropdown.open .dropdown-menu > li > a,
  .topbar.navbar .dropdown.open .dropdown-menu > li .dropdown-header {
    padding: 10px 10px 10px 25px;
  }
}
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 57;
  width: 230px;
  padding-top: 50px;
}
.sidebar.left {
  background: #20222a;
  left: 0;
  /*border-right: 1px solid @activeColor;*/
  box-shadow: 2px 0 1px rgba(0, 0, 0, 0.15);
  overflow-x: hidden;
}
@media only screen and (max-width: 991px) {
  .sidebar.left {
    /*transform: translate3d(-@sidebar-width,0,0);
            -webkit-transform: translate3d(-@sidebar-width,0,0);*/
    /*width: 0;*/
    display: none;
  }
}
.sidebar.left .logo {
  position: fixed;
  top: 0;
  width: 230px;
  height: 50px;
  background: #20222A;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  z-index: 57;
}
.sidebar.left .logo a {
  display: block;
  width: 230px;
  padding: 0;
  text-align: center;
  line-height: 47px;
}
.sidebar.left .logo a img {
  margin: auto;
  max-height: 50px;
  max-width: 80%;
  vertical-align: middle;
}
.sidebar.left .sidebar-scroll {
  width: 250px;
  position: relative;
  height: 100%;
  overflow-x: hidden;
}
.sidebar.left .sidebar-scroll li a {
  font-weight: normal;
  font-size: 13px;
  padding: 15px 10px 15px 50px;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
}
.sidebar.left .sidebar-scroll li a em {
  top: 17px;
  position: absolute;
  left: 23px;
}
.sidebar.left .sidebar-scroll li a i {
  font-size: 11px;
  top: 17px;
  position: absolute;
  right: 25px;
  background-color: #20222a;
}
.sidebar.left .sidebar-scroll li a:hover {
  color: #fff;
}
.sidebar.left .sidebar-scroll li a:hover i {
  background-color: #191b21;
}
.sidebar.left .sidebar-scroll ul.collapse.in {
  background: #191b21;
}
.sidebar.left .sidebar-scroll > ul {
  width: 230px;
  position: relative;
}
.sidebar.left .sidebar-scroll > ul > li > a {
  min-height: 50px;
}
.sidebar.left .sidebar-scroll > ul > li > a:hover,
.sidebar.left .sidebar-scroll > ul > li > a:focus,
.sidebar.left .sidebar-scroll > ul > li > a[aria-expanded="true"] {
  background-color: #191b21;
}
.sidebar.left .sidebar-scroll > ul > li > a.active {
  background-color: #009688 !important;
  color: #fff;
}
.sidebar.left .sidebar-scroll > ul > li ul li a {
  background-color: transparent !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidebar.left .sidebar-scroll > ul > li ul li a:hover,
.sidebar.left .sidebar-scroll > ul > li ul li a:focus {
  background-color: transparent !important;
}
.sidebar.left .sidebar-scroll > ul > li ul li a.active {
  background-color: #009688 !important;
  color: #fff;
}
.sidebar.left .sidebar-scroll > ul > li ul li li a {
  padding-left: 60px;
}
.sidebar.left .sidebar-scroll [aria-expanded="true"] > i:before {
  content: "\f068";
}
.hide2 {
  display: none;
}
.input-group .input-group-btn .btn {
  height: 34px;
}
.body-content {
  top: 50px;
  left: 230px;
  bottom: 0;
  right: 0;
  overflow: auto;
  position: absolute;
}
.body-content .content-header-fixed {
  left: 230px;
  top: 50px;
  right: 0;
  position: fixed;
  z-index: 54;
}
.body-content .content-wrapper {
  padding: 5px 5px 0 5px;
}
@media only screen and (max-width: 991px) {
  .body-content .content-wrapper {
    padding: 0;
  }
}
.body-content .content-header,
.body-content .content-header2 {
  position: relative;
  overflow: hidden;
}
.body-content .content-header textarea.form-control,
.body-content .content-header2 textarea.form-control {
  height: 34px;
}
.body-content .content-header .ctl,
.body-content .content-header2 .ctl {
  float: left;
  padding: 3px 5px;
  height: 38px;
}
.body-content .content-header .ctl label,
.body-content .content-header2 .ctl label {
  margin-bottom: 0;
}
.body-content .content-header .ctl label > div,
.body-content .content-header2 .ctl label > div {
  margin-top: -2px;
}
.body-content .content-header .ctl label > span,
.body-content .content-header2 .ctl label > span {
  padding-left: 5px;
}
.body-content .content-header .ctl > table,
.body-content .content-header2 .ctl > table {
  width: 100%;
  border-collapse: collapse;
}
.body-content .content-header .ctl > table td,
.body-content .content-header2 .ctl > table td {
  padding: 0 3px;
  text-align: center;
  vertical-align: top;
}
.body-content .content-header .ctl > table td:first-child,
.body-content .content-header2 .ctl > table td:first-child {
  padding-left: 0;
}
.body-content .content-header .ctl > table td:last-child,
.body-content .content-header2 .ctl > table td:last-child {
  padding-right: 0;
}
.body-content .content-header .ctl .form-control,
.body-content .content-header2 .ctl .form-control,
.body-content .content-header .ctl .btn,
.body-content .content-header2 .ctl .btn {
  width: 100%;
  min-width: 70px;
  height: 32px;
  padding: 3px 12px;
}
.body-content .content-header .ctl .input-group,
.body-content .content-header2 .ctl .input-group {
  max-width: 190px;
}
@media only screen and (max-width: 991px) {
  .body-content .content-header .ctl .input-group,
  .body-content .content-header2 .ctl .input-group {
    max-width: none;
  }
}
.body-content .content-header .ctl .item-list .item,
.body-content .content-header2 .ctl .item-list .item {
  padding: 0 3px;
  margin: 1px 3px;
  min-width: 80px;
}
.body-content .content-header .ctl .item-list .item .title,
.body-content .content-header2 .ctl .item-list .item .title {
  padding: 5px 3px;
}
.body-content .content-header .ctl .icheck,
.body-content .content-header2 .ctl .icheck {
  margin-top: 8px;
  display: block;
}
.body-content .content-header .ctl-label,
.body-content .content-header2 .ctl-label {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 38px;
}
.body-content .content-header .ctl-right,
.body-content .content-header2 .ctl-right {
  float: right;
}
@media only screen and (max-width: 991px) {
  .body-content .content-header {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .body-content .content-header .ctl {
    float: none;
  }
  .body-content .content-header .ctl.create-button,
  .body-content .content-header .ctl.export-button,
  .body-content .content-header .ctl.hide-ctl {
    display: none !important;
  }
}
.body-content .content-header2 .text-tooltip {
  margin-top: 2px;
}
.body-content .content-header2 .text-tooltip > span,
.body-content .content-header2 .text-tooltip > b {
  margin-right: 10px;
}
.body-content .content-header2 .text-tooltip > span > b,
.body-content .content-header2 .text-tooltip > b > b {
  padding-left: 5px;
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  .body-content .content-header2 .ctl {
    float: none;
  }
}
.body-content .content-header3 {
  margin: -5px -5px 0px -5px;
  background-color: #dc3545 !important;
  color: #ffffff !important;
  padding: 8px 80px 8px 15px;
  /*font-weight: bold;*/
  border-bottom: 1px solid #bd2130;
}
@media only screen and (max-width: 991px) {
  .body-content .content-header3 {
    margin: 0;
  }
}
.body-content .content-header3 .btn {
  position: absolute;
  right: 5px;
  width: 70px;
  top: 1px;
  height: 31px;
}
.body-content .content-footer {
  left: 230px;
  bottom: 0;
  right: 0;
  position: fixed;
  background: #eee;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05);
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 991px) {
  .topbar.navbar,
  .body-content,
  .content-footer,
  .content-header-fixed {
    left: 0 !important;
  }
}
.dialog-page .content-header10,
.dialog-page .topbar.navbar,
.dialog-page .sidebar.left {
  display: none !important;
  width: 0 !important;
}
.dialog-page .topbar.navbar,
.dialog-page .body-content,
.dialog-page .content-footer,
.dialog-page .content-header-fixed {
  left: 0 !important;
}
.dialog-page .body-content {
  top: 0 !important;
}
.dialog-page .content-box {
  /*background:none;
        box-shadow:none;*/
}
@media only screen and (min-width: 992px) {
  .sidebar-mini .sidebar.left {
    width: 60px;
  }
  .sidebar-mini .sidebar.left .logo {
    width: 60px;
  }
  .sidebar-mini .sidebar.left .logo a {
    width: 60px;
  }
  .sidebar-mini .sidebar.left .sidebar-scroll {
    width: 80px;
  }
  .sidebar-mini .sidebar.left .sidebar-scroll ul.collapse.in {
    display: none;
  }
  .sidebar-mini .sidebar.left .sidebar-scroll li a i,
  .sidebar-mini .sidebar.left .sidebar-scroll li a span {
    display: none;
  }
  .sidebar-mini .sidebar.left .sidebar-scroll > ul > li > a[aria-expanded="true"] {
    background-color: #009688;
    color: #fff;
  }
  .sidebar-mini .sidebar.left:hover {
    width: 230px;
  }
  .sidebar-mini .sidebar.left:hover .logo {
    width: 230px;
  }
  .sidebar-mini .sidebar.left:hover .logo a {
    width: 230px;
  }
  .sidebar-mini .sidebar.left:hover .sidebar-scroll {
    width: 250px;
  }
  .sidebar-mini .sidebar.left:hover .sidebar-scroll ul.collapse.in {
    display: block;
  }
  .sidebar-mini .sidebar.left:hover .sidebar-scroll li a em {
    margin-top: 2px;
    position: absolute;
    left: 25px;
  }
  .sidebar-mini .sidebar.left:hover .sidebar-scroll li a i,
  .sidebar-mini .sidebar.left:hover .sidebar-scroll li a span {
    display: inline;
  }
  .sidebar-mini .sidebar.left:hover .sidebar-scroll > ul > li > a[aria-expanded="true"] {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    background-color: #191b21;
  }
  .sidebar-mini .topbar.navbar,
  .sidebar-mini .body-content,
  .sidebar-mini .content-footer,
  .sidebar-mini .content-header-fixed {
    left: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar-mini .body-shade {
    display: block;
  }
  .sidebar-mini .topbar.navbar,
  .sidebar-mini .body-content,
  .sidebar-mini .content-footer,
  .sidebar-mini .content-header-fixed {
    left: 0 !important;
  }
  .sidebar-mini .sidebar.left {
    display: block;
    /*transform: translate3d(0,0,0);
                -webkit-transform: translate3d(0,0,0);
                width: @sidebar-width;*/
  }
}
[class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.minwidth-80 {
  min-width: 60px;
}
.minwidth-100 {
  min-width: 60px;
}
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 10px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 8px;
}
table.dataTable thead .sorting:after {
  opacity: .2;
  content: "";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 3px;
}
maxwidth-100 {
  max-width: 100px;
}
select option {
  font-size: 16px;
  background: #fff;
  color: #1d1d1d;
}
.dataTables_processing {
  z-index: 11000 !important;
  /*background:rgba(0, 0, 0, 0.43);*/
}
.dataTables_wrapper .dtr-details {
  text-align: left;
  display: block !important;
}
.dataTables_wrapper .DTFC_RightBodyWrapper,
.dataTables_wrapper .DTFC_RightHeadWrapper,
.dataTables_wrapper .DTFC_RightFootrapper {
  box-shadow: -1px 0 2px 0 #dddddd;
  overflow-x: hidden !important;
}
.dataTables_wrapper .DTFC_RightBodyWrapper table,
.dataTables_wrapper .DTFC_RightHeadWrapper table,
.dataTables_wrapper .DTFC_RightFootrapper table {
  border-left: 0;
}
.dataTables_wrapper .DTFC_LeftBodyLiner,
.dataTables_wrapper .DTFC_RightBodyLiner {
  /*overflow-y:auto !important;*/
  overflow-x: hidden !important;
}
.dataTables_wrapper .DTFC_LeftFootWrapper .table {
  border-bottom: 0;
  margin-bottom: 0;
}
.dataTables_wrapper .DTFC_LeftFootWrapper .table td {
  border-top: 0;
}
.dataTables_wrapper .DTFC_LeftBodyWrapper,
.dataTables_wrapper .DTFC_LeftHeadWrapper,
.dataTables_wrapper .DTFC_LeftFootWrapper {
  overflow-x: hidden !important;
}
.dataTables_wrapper .dataTables_scrollFoot .table {
  border-top: 0;
  border-bottom: 0;
}
.dataTables_wrapper .dataTables_scrollFoot .table td {
  border-top: 0;
}
.dataTables_wrapper .table.dataTable {
  margin-top: 0 !important;
  background: #fff;
}
.dataTables_wrapper .table.dataTable thead th.link,
.dataTables_wrapper .table.dataTable tfoot th.link {
  color: #1d1d1d;
}
.dataTables_wrapper .table.dataTable thead td,
.dataTables_wrapper .table.dataTable tfoot td,
.dataTables_wrapper .table.dataTable thead th,
.dataTables_wrapper .table.dataTable tfoot th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #f5f6fa;
  border-bottom-width: 1px;
  font-weight: normal;
  text-align: center;
}
.dataTables_wrapper .table.dataTable thead .sorting:after,
.dataTables_wrapper .table.dataTable tfoot .sorting:after,
.dataTables_wrapper .table.dataTable thead .sorting_asc:after,
.dataTables_wrapper .table.dataTable tfoot .sorting_asc:after,
.dataTables_wrapper .table.dataTable thead .sorting_desc:after,
.dataTables_wrapper .table.dataTable tfoot .sorting_desc:after,
.dataTables_wrapper .table.dataTable thead .sorting_asc_disabled:after,
.dataTables_wrapper .table.dataTable tfoot .sorting_asc_disabled:after,
.dataTables_wrapper .table.dataTable thead .sorting_desc_disabled:after,
.dataTables_wrapper .table.dataTable tfoot .sorting_desc_disabled:after {
  font-family: FontAwesome;
  opacity: 0.8;
}
.dataTables_wrapper .table.dataTable thead .sorting:after,
.dataTables_wrapper .table.dataTable tfoot .sorting:after {
  opacity: 0.2;
  content: "\f0dc";
}
.dataTables_wrapper .table.dataTable thead .sorting_asc:after,
.dataTables_wrapper .table.dataTable tfoot .sorting_asc:after {
  content: "\f0de";
}
.dataTables_wrapper .table.dataTable thead .sorting_desc:after,
.dataTables_wrapper .table.dataTable tfoot .sorting_desc:after {
  content: "\f0dd";
}
.dataTables_wrapper .table.dataTable tbody td,
.dataTables_wrapper .table.dataTable tbody th {
  text-align: center;
  vertical-align: middle;
}
.dataTables_wrapper .table.dataTable tbody td span,
.dataTables_wrapper .table.dataTable tbody th span {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 11px;
}
@media only screen and (max-width: 991px) {
  .dataTables_wrapper .table.dataTable tbody td span,
  .dataTables_wrapper .table.dataTable tbody th span {
    display: block;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.dataTables_wrapper .table.dataTable tbody td span.block,
.dataTables_wrapper .table.dataTable tbody th span.block {
  margin-left: 0;
  margin-right: 0;
}
.dataTables_wrapper .table.dataTable tbody td span.badge,
.dataTables_wrapper .table.dataTable tbody th span.badge,
.dataTables_wrapper .table.dataTable tbody td span.label,
.dataTables_wrapper .table.dataTable tbody th span.label {
  font-size: 9px;
  display: inline-block;
}
.dataTables_wrapper .table.dataTable tbody .tool {
  background: #f5f6fa;
}
.dataTables_wrapper .table.dataTable tbody .link {
  color: #17a2b8;
  cursor: pointer;
}
.dataTables_wrapper .table.dataTable tbody .link:hover {
  color: #2f67b5;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.175);
}
.dataTables_wrapper .table.dataTable tbody .img {
  height: 40px;
}
.dataTables_wrapper .table.dataTable tbody .img img {
  max-width: 100%;
  max-height: 30px;
}
.dataTables_wrapper .dataTables_empty {
  color: #dc3545;
}
.dataTables_wrapper .bottom,
.dataTables_wrapper .top {
  position: relative;
  overflow-x: auto;
}
.dataTables_wrapper .bottom .dataTables_control,
.dataTables_wrapper .top .dataTables_control,
.dataTables_wrapper .bottom .dataTables_filter,
.dataTables_wrapper .top .dataTables_filter,
.dataTables_wrapper .bottom .dataTables_info,
.dataTables_wrapper .top .dataTables_info,
.dataTables_wrapper .bottom .dataTables_length,
.dataTables_wrapper .top .dataTables_length,
.dataTables_wrapper .bottom .dataTables_paginate,
.dataTables_wrapper .top .dataTables_paginate {
  text-align: left;
  float: right;
  position: relative;
  display: inline-block;
  padding: 5px 5px 3px 5px;
}
.dataTables_wrapper .bottom .dataTables_control label,
.dataTables_wrapper .top .dataTables_control label,
.dataTables_wrapper .bottom .dataTables_filter label,
.dataTables_wrapper .top .dataTables_filter label,
.dataTables_wrapper .bottom .dataTables_info label,
.dataTables_wrapper .top .dataTables_info label,
.dataTables_wrapper .bottom .dataTables_length label,
.dataTables_wrapper .top .dataTables_length label,
.dataTables_wrapper .bottom .dataTables_paginate label,
.dataTables_wrapper .top .dataTables_paginate label {
  margin-bottom: 0;
}
.dataTables_wrapper .bottom .dataTables_control.left,
.dataTables_wrapper .top .dataTables_control.left,
.dataTables_wrapper .bottom .dataTables_filter.left,
.dataTables_wrapper .top .dataTables_filter.left,
.dataTables_wrapper .bottom .dataTables_info.left,
.dataTables_wrapper .top .dataTables_info.left,
.dataTables_wrapper .bottom .dataTables_length.left,
.dataTables_wrapper .top .dataTables_length.left,
.dataTables_wrapper .bottom .dataTables_paginate.left,
.dataTables_wrapper .top .dataTables_paginate.left {
  float: left;
  padding-left: 1px;
  padding-right: 10px;
}
.dataTables_wrapper .bottom .dataTables_length select,
.dataTables_wrapper .top .dataTables_length select {
  height: 31px;
  width: auto;
  max-width: 80px;
}
@media only screen and (max-width: 991px) {
  .dataTables_wrapper .bottom .dataTables_length,
  .dataTables_wrapper .top .dataTables_length {
    display: none;
  }
}
.dataTables_wrapper .bottom .dataTables_info,
.dataTables_wrapper .top .dataTables_info {
  padding-top: 11px;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px) {
  .dataTables_wrapper .bottom .dataTables_info,
  .dataTables_wrapper .top .dataTables_info {
    padding-top: 13px;
  }
}
.dataTables_wrapper .bottom .dataTables_paginate .pagination,
.dataTables_wrapper .top .dataTables_paginate .pagination {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .dataTables_wrapper .bottom .dataTables_paginate .pagination .paginate_button,
  .dataTables_wrapper .top .dataTables_paginate .pagination .paginate_button {
    display: none;
  }
  .dataTables_wrapper .bottom .dataTables_paginate .pagination .paginate_button.first,
  .dataTables_wrapper .top .dataTables_paginate .pagination .paginate_button.first,
  .dataTables_wrapper .bottom .dataTables_paginate .pagination .paginate_button.previous,
  .dataTables_wrapper .top .dataTables_paginate .pagination .paginate_button.previous,
  .dataTables_wrapper .bottom .dataTables_paginate .pagination .paginate_button.next,
  .dataTables_wrapper .top .dataTables_paginate .pagination .paginate_button.next,
  .dataTables_wrapper .bottom .dataTables_paginate .pagination .paginate_button.last,
  .dataTables_wrapper .top .dataTables_paginate .pagination .paginate_button.last {
    display: inline;
  }
}
.dataTables_wrapper .bottom {
  /*background: #f5f6fa;
        box-shadow: 0 -1px 1px 0 #ddd;
        border: 1px solid #ddd;
        border-top: 0;*/
}
.content-box {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
  padding: 5px;
  /*max-width: 500px;*/
  margin: 5px auto;
}
.content-box .btn {
  min-height: 34px;
}
.content-box .form-group {
  margin: 10px 10px;
  padding: 5px 5px;
}
.content-box [class*="col-"] .form-group {
  margin: 3px;
  padding: 1px;
}
.content-mlr {
  margin-left: 5px;
  margin-right: 5px;
}
input[type="radio"],
input[type="checkbox"] {
  height: 18px;
  width: 18px;
  vertical-align: bottom;
}
.tipA:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f059";
  margin: 0 5px;
  font-size: 14px;
}
.form-group > label b:after {
  content: '*';
  color: #dc3545;
  margin: 0 5px;
}
.form-group > label[data-tooltip]:after,
.form-group > span[data-tooltip]:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f059";
  margin: 0 5px;
  font-size: 14px;
}
.form-group > label i,
.form-group > span i {
  margin: 0 5px;
  font-size: 14px;
}
.form-group > label.error,
.form-group > span.error {
  margin-left: 5px;
}
.form-group .from-group-panel {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  display: block;
  color: #1d1d1d;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
.form-group .from-group-panel .badge {
  font-size: 10px;
}
.form-group .from-group-panel span.caret {
  position: absolute;
  right: 10px;
  top: 15px;
}
.form-group.from-group-checkbox {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 5px;
  position: relative;
  margin: 15px;
}
.form-group.from-group-checkbox label {
  margin-bottom: 0;
}
.form-group.from-group-checkbox input[type="radio"],
.form-group.from-group-checkbox input[type="checkbox"] {
  margin: 0 6px;
  height: 18px;
  width: 18px;
  vertical-align: bottom;
}
.form-group.from-group-checkbox [data-tooltip] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 35px;
  width: 30px;
  text-align: center;
}
.form-group .item-list {
  padding: 5px 0;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  min-height: 36px;
}
.file-input .btn {
  height: 34px;
}
.file-input button.btn {
  margin-top: -2px;
}
.form-uploader .input-group:hover,
.form-uploader .input-group:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-uploader .input-group:hover .input-group-addon,
.form-uploader .input-group:focus .input-group-addon,
.form-uploader .input-group:hover .form-control[readonly],
.form-uploader .input-group:focus .form-control[readonly] {
  border-color: #66afe9;
}
.form-uploader .input-group .input-group-addon {
  background: #fff;
}
.form-uploader .input-group .form-control[readonly] {
  box-shadow: none !important;
  border-color: #ccc;
  background: #fff;
}
.form-media {
  position: relative;
  overflow: hidden;
  display: none;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  background: #ecf0f5;
  /*overflow-y:auto;*/
  word-break: break-all;
}
.form-media img,
.form-media video {
  max-width: 100%;
  max-height: 300px;
}
.form-media .tools div {
  /*width: 50%;
            float: left;*/
}
.form-media .tools div a {
  background: rgba(87, 80, 80, 0.7);
  position: absolute;
  right: 0;
  top: 5px;
  border-radius: 3px;
  display: block;
  color: #fff;
  padding: 10px 10px;
  border: 1px solid #000;
  text-decoration: none;
}
.form-media .tools div a:hover {
  background: #000;
}
.bgbody {
  background: #ecf0f5;
}
.layer-item {
  background-color: #ecf0f5;
}
.layer-item .infoItem {
  margin: 15px 0;
}
.layer-custom {
  min-width: 300px;
  /*.content-header {

        .ctl {
            float: none;

            &.create-button,
            &.filter-buttons,
            &.export-button {
                display: none;
            }
        }
    }*/
}
.layer-custom .layui-layer-btn .layui-layer-btn0 {
  color: #ffffff;
  background-color: #009688;
  border-color: #00635a;
}
.layer-custom .layui-layer-btn .layui-layer-btn0:focus,
.layer-custom .layui-layer-btn .layui-layer-btn0.focus,
.layer-custom .layui-layer-btn .layui-layer-btn0:hover {
  color: #ffffff;
  background-color: #00635a;
  border-color: #00302c;
}
.layer-custom .layui-layer-btn .layui-layer-btn0.disabled:hover,
.layer-custom .layui-layer-btn .layui-layer-btn0[disabled]:hover,
.layer-custom .layui-layer-btn .layui-layer-btn0.disabled:focus,
.layer-custom .layui-layer-btn .layui-layer-btn0[disabled]:focus,
.layer-custom .layui-layer-btn .layui-layer-btn0.disabled.focus,
.layer-custom .layui-layer-btn .layui-layer-btn0[disabled].focus {
  background-color: #009688;
  border-color: #00635a;
  opacity: .8;
  cursor: not-allowed;
}
.layer-custom .layui-layer-btn a {
  color: #1d1d1d;
  background-color: #dde6e9;
  border-color: #becfd5;
  line-height: 24px;
  border-radius: 4px;
}
.layer-custom .layui-layer-btn a:focus,
.layer-custom .layui-layer-btn a.focus,
.layer-custom .layui-layer-btn a:hover {
  color: #1d1d1d;
  background-color: #becfd5;
  border-color: #9fb8c1;
}
.layer-custom .layui-layer-btn a.disabled:hover,
.layer-custom .layui-layer-btn a[disabled]:hover,
.layer-custom .layui-layer-btn a.disabled:focus,
.layer-custom .layui-layer-btn a[disabled]:focus,
.layer-custom .layui-layer-btn a.disabled.focus,
.layer-custom .layui-layer-btn a[disabled].focus {
  background-color: #dde6e9;
  border-color: #becfd5;
  opacity: .8;
  cursor: not-allowed;
}
.layer-custom .layui-layer-content .layui-layer-wrap {
  padding: 10px 10px;
}
.layer-custom-iframe .layui-layer-title {
  /*border: none;
    background-color: #333 ;
    color: #fff;*/
}
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0 {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #bd2130;
}
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0:focus,
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0.focus,
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0:hover {
  color: #ffffff;
  background-color: #bd2130;
  border-color: #921925;
}
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0.disabled:hover,
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0[disabled]:hover,
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0.disabled:focus,
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0[disabled]:focus,
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0.disabled.focus,
.layer-custom-confirm .layui-layer-btn .layui-layer-btn0[disabled].focus {
  background-color: #dc3545;
  border-color: #bd2130;
  opacity: .8;
  cursor: not-allowed;
}
.layer-custom-confirm .layui-layer-btn a {
  color: #1d1d1d;
  background-color: #dde6e9;
  border-color: #becfd5;
  border-radius: 4px;
  line-height: 24px;
}
.layer-custom-confirm .layui-layer-btn a:focus,
.layer-custom-confirm .layui-layer-btn a.focus,
.layer-custom-confirm .layui-layer-btn a:hover {
  color: #1d1d1d;
  background-color: #becfd5;
  border-color: #9fb8c1;
}
.layer-custom-confirm .layui-layer-btn a.disabled:hover,
.layer-custom-confirm .layui-layer-btn a[disabled]:hover,
.layer-custom-confirm .layui-layer-btn a.disabled:focus,
.layer-custom-confirm .layui-layer-btn a[disabled]:focus,
.layer-custom-confirm .layui-layer-btn a.disabled.focus,
.layer-custom-confirm .layui-layer-btn a[disabled].focus {
  background-color: #dde6e9;
  border-color: #becfd5;
  opacity: .8;
  cursor: not-allowed;
}
.layer-custom-confirm .layui-layer-content {
  font-size: 14px;
}
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0 {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #bd2130;
}
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0:focus,
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0.focus,
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0:hover {
  color: #ffffff;
  background-color: #bd2130;
  border-color: #921925;
}
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0.disabled:hover,
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0[disabled]:hover,
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0.disabled:focus,
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0[disabled]:focus,
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0.disabled.focus,
.layer-custom-prompt .layui-layer-btn .layui-layer-btn0[disabled].focus {
  background-color: #dc3545;
  border-color: #bd2130;
  opacity: .8;
  cursor: not-allowed;
}
.layer-custom-prompt .layui-layer-btn a {
  color: #1d1d1d;
  background-color: #dde6e9;
  border-color: #becfd5;
  border-radius: 4px;
  line-height: 24px;
}
.layer-custom-prompt .layui-layer-btn a:focus,
.layer-custom-prompt .layui-layer-btn a.focus,
.layer-custom-prompt .layui-layer-btn a:hover {
  color: #1d1d1d;
  background-color: #becfd5;
  border-color: #9fb8c1;
}
.layer-custom-prompt .layui-layer-btn a.disabled:hover,
.layer-custom-prompt .layui-layer-btn a[disabled]:hover,
.layer-custom-prompt .layui-layer-btn a.disabled:focus,
.layer-custom-prompt .layui-layer-btn a[disabled]:focus,
.layer-custom-prompt .layui-layer-btn a.disabled.focus,
.layer-custom-prompt .layui-layer-btn a[disabled].focus {
  background-color: #dde6e9;
  border-color: #becfd5;
  opacity: .8;
  cursor: not-allowed;
}
.layer-success,
.layer-danger {
  color: #fff;
  border-radius: 4px;
}
.layer-success {
  background: rgba(40, 167, 69, 0.72);
  border: 1px solid #28a745;
}
.layer-danger {
  background: rgba(220, 53, 69, 0.65);
  border: 1px solid #dc3545;
}
.layer-success .layui-layer-content,
.layer-danger .layui-layer-content {
  padding: 5px 10px;
}
.form-buttons {
  float: right;
  display: block;
  overflow-x: auto;
  max-width: 100%;
}
.form-buttons table {
  table-layout: fixed;
}
.form-buttons table td {
  padding: 5px 5px;
}
.form-buttons table td:first-child {
  padding-left: 10px;
}
.form-buttons table td:last-child {
  padding-right: 10px;
}
.form-buttons table td .btn {
  min-height: 34px;
  min-width: 70px;
}
.form-buttons > span {
  display: inline-block;
  padding: 5px 5px;
}
.form-buttons > span .btn {
  min-height: 34px;
  min-width: 70px;
}
.menu-permission-setting {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.menu-permission-setting table {
  table-layout: fixed;
  width: 100%;
}
.menu-permission-setting table td {
  border-bottom: 1px solid #eee;
}
.menu-permission-setting table td:last-child {
  width: 100px;
  text-align: center;
  border-left: 1px solid #eee;
}
.menu-permission-setting table td:last-child select {
  padding: 7px;
  border: 0;
  outline: none;
}
.menu-permission-setting table td:last-child.bg-danger {
  border-color: #bd2130;
}
.menu-permission-setting table td:last-child.bg-danger select {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.menu-permission-setting table td:last-child.bg-info {
  border-color: #117a8b;
}
.menu-permission-setting table td:last-child.bg-info select {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
.menu-permission-setting table td:last-child.bg-success {
  border-color: #1e7e34;
}
.menu-permission-setting table td:last-child.bg-success select {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
.menu-permission-setting table td a {
  color: #1d1d1d;
  padding: 10px 45px 10px 50px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.menu-permission-setting table td a[data-toggle="collapse"]:hover {
  background: #cbd6e3;
}
.menu-permission-setting table td a em {
  margin-top: 2px;
  position: absolute;
  left: 23px;
}
.menu-permission-setting table td a i {
  font-size: 11px;
  margin-top: 5px;
  position: absolute;
  right: 125px;
}
.menu-permission-setting [aria-expanded="true"] > i:before {
  content: "\f068";
}
.menu-permission-setting .header > div {
  margin: 5px 5px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.menu-permission-setting .header > div table {
  width: 100%;
}
.menu-permission-setting .header > div table td {
  border-bottom: 1px solid #030304;
}
.menu-permission-setting .header > div table td:last-child {
  border-left: 1px solid #030304;
}
.menu-permission-setting .header > div table td a {
  background: #191b21;
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
}
.menu-permission-setting .header > div table td a[data-toggle="collapse"]:hover {
  background: #030304;
}
.menu-permission-setting .body .menu-permission > div {
  margin: 5px 0;
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.menu-permission-setting .body .menu-permission > div .sub .sub a {
  padding-left: 60px;
}
.oc-export-btn {
  display: none;
}
.orgchart {
  /*background: transparent;*/
  /*background: #fff;*/
  /*display: block;*/
  /*overflow-x: auto;*/
  border-radius: 4px;
  min-width: 100%;
  padding: 5px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
.orgchart.hide-first > table > tbody > tr:nth-child(-n+3) {
  display: none;
}
.orgchart td.left,
.orgchart td.right,
.orgchart td.top {
  border-color: #aaa;
}
.orgchart td > .down {
  background-color: #aaa;
}
.orgchart td .node .title {
  background-color: #131e26 !important;
  color: #ffffff !important;
}
.orgchart td .node .content {
  border-color: #131e26;
}
.orgchart td .level1 .title {
  background-color: #2f67b5 !important;
  color: #ffffff !important;
}
.orgchart td .level1 .content {
  border-color: #2f67b5;
}
.orgchart td .level2 .title {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
.orgchart td .level2 .content {
  border-color: #28a745;
}
.orgchart td .level3 .title {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}
.orgchart td .level3 .content {
  border-color: #ffc107;
}
.orgchart td .level4 .title {
  background-color: #f532e5 !important;
  color: #ffffff !important;
}
.orgchart td .level4 .content {
  border-color: #f532e5;
}
.orgchart td .level5 .title {
  background-color: #7266ba !important;
  color: #ffffff !important;
}
.orgchart td .level5 .content {
  border-color: #7266ba;
}
.orgchart td .level6 .title {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
.orgchart td .level6 .content {
  border-color: #17a2b8;
}
.orgchart .node {
  width: auto;
  min-width: 130px;
  max-width: 200px;
}
.orgchart .node .title {
  font-weight: normal;
}
.orgchart .node .title .symbol {
  margin-top: 5px;
  margin-left: 5px;
}
.orgchart .node .title,
.orgchart .node .content {
  padding: 0 3px;
}
.orgchart .node .topEdge {
  top: -10px;
}
.orgchart .node .rightEdge {
  right: -10px;
}
.orgchart .node .leftEdge {
  left: -10px;
}
.orgchart .node .bottomEdge {
  bottom: -10px;
}
.orgchart .nodes table {
  width: 100%;
}
.orgchart.l2r {
  min-width: 0;
}
.orgchart.l2r .node {
  width: 50px;
  min-width: 0;
  max-width: none;
}
.orgchart.no-content .node .title {
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
}
.orgchart.no-content .node .title .symbol {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 1px;
}
.orgchart > table:first-child {
  margin: 5px auto;
}
.btn.level {
  color: #ffffff;
  background-color: #131e26;
  border-color: #020304;
}
.btn.level:focus,
.btn.level.focus,
.btn.level:hover {
  color: #ffffff;
  background-color: #020304;
  border-color: #000000;
}
.btn.level.disabled:hover,
.btn.level[disabled]:hover,
.btn.level.disabled:focus,
.btn.level[disabled]:focus,
.btn.level.disabled.focus,
.btn.level[disabled].focus {
  background-color: #131e26;
  border-color: #020304;
  opacity: .8;
  cursor: not-allowed;
}
.btn.level1 {
  color: #ffffff;
  background-color: #2f67b5;
  border-color: #24508d;
}
.btn.level1:focus,
.btn.level1.focus,
.btn.level1:hover {
  color: #ffffff;
  background-color: #24508d;
  border-color: #1a3964;
}
.btn.level1.disabled:hover,
.btn.level1[disabled]:hover,
.btn.level1.disabled:focus,
.btn.level1[disabled]:focus,
.btn.level1.disabled.focus,
.btn.level1[disabled].focus {
  background-color: #2f67b5;
  border-color: #24508d;
  opacity: .8;
  cursor: not-allowed;
}
.btn.level2 {
  color: #ffffff;
  background-color: #28a745;
  border-color: #1e7e34;
}
.btn.level2:focus,
.btn.level2.focus,
.btn.level2:hover {
  color: #ffffff;
  background-color: #1e7e34;
  border-color: #145523;
}
.btn.level2.disabled:hover,
.btn.level2[disabled]:hover,
.btn.level2.disabled:focus,
.btn.level2[disabled]:focus,
.btn.level2.disabled.focus,
.btn.level2[disabled].focus {
  background-color: #28a745;
  border-color: #1e7e34;
  opacity: .8;
  cursor: not-allowed;
}
.btn.level3 {
  color: #ffffff;
  background-color: #ffc107;
  border-color: #d39e00;
}
.btn.level3:focus,
.btn.level3.focus,
.btn.level3:hover {
  color: #ffffff;
  background-color: #d39e00;
  border-color: #a07800;
}
.btn.level3.disabled:hover,
.btn.level3[disabled]:hover,
.btn.level3.disabled:focus,
.btn.level3[disabled]:focus,
.btn.level3.disabled.focus,
.btn.level3[disabled].focus {
  background-color: #ffc107;
  border-color: #d39e00;
  opacity: .8;
  cursor: not-allowed;
}
.btn.level4 {
  color: #ffffff;
  background-color: #f532e5;
  border-color: #e90bd6;
}
.btn.level4:focus,
.btn.level4.focus,
.btn.level4:hover {
  color: #ffffff;
  background-color: #e90bd6;
  border-color: #b809aa;
}
.btn.level4.disabled:hover,
.btn.level4[disabled]:hover,
.btn.level4.disabled:focus,
.btn.level4[disabled]:focus,
.btn.level4.disabled.focus,
.btn.level4[disabled].focus {
  background-color: #f532e5;
  border-color: #e90bd6;
  opacity: .8;
  cursor: not-allowed;
}
.btn.level5 {
  color: #ffffff;
  background-color: #7266ba;
  border-color: #564aa3;
}
.btn.level5:focus,
.btn.level5.focus,
.btn.level5:hover {
  color: #ffffff;
  background-color: #564aa3;
  border-color: #443a80;
}
.btn.level5.disabled:hover,
.btn.level5[disabled]:hover,
.btn.level5.disabled:focus,
.btn.level5[disabled]:focus,
.btn.level5.disabled.focus,
.btn.level5[disabled].focus {
  background-color: #7266ba;
  border-color: #564aa3;
  opacity: .8;
  cursor: not-allowed;
}
.btn.level6 {
  color: #ffffff;
  background-color: #17a2b8;
  border-color: #117a8b;
}
.btn.level6:focus,
.btn.level6.focus,
.btn.level6:hover {
  color: #ffffff;
  background-color: #117a8b;
  border-color: #0c525d;
}
.btn.level6.disabled:hover,
.btn.level6[disabled]:hover,
.btn.level6.disabled:focus,
.btn.level6[disabled]:focus,
.btn.level6.disabled.focus,
.btn.level6[disabled].focus {
  background-color: #17a2b8;
  border-color: #117a8b;
  opacity: .8;
  cursor: not-allowed;
}
#productPanel > table,
#stockShortagePanel > table,
.products-media > table {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  #productPanel > table,
  #stockShortagePanel > table,
  .products-media > table {
    width: 100%;
  }
}
#productPanel .product-active,
#stockShortagePanel .product-active,
.products-media .product-active,
#productPanel .product-filter,
#stockShortagePanel .product-filter,
.products-media .product-filter {
  /*width: 200px;*/
  padding-left: 5px;
}
#productPanel .product-list.item-list .item,
#stockShortagePanel .product-list.item-list .item,
.products-media .product-list.item-list .item {
  min-width: 150px;
  max-width: 300px;
  /*width: 14.28%;

            @media @screen-md {
                width: 33.3333%;
            }*/
}
#productPanel .product-list.item-list .item .tag.n,
#stockShortagePanel .product-list.item-list .item .tag.n,
.products-media .product-list.item-list .item .tag.n,
#productPanel .product-list.item-list .item .tag.d,
#stockShortagePanel .product-list.item-list .item .tag.d,
.products-media .product-list.item-list .item .tag.d {
  display: none;
}
#productPanel .product-list.item-list .item .ocd,
#stockShortagePanel .product-list.item-list .item .ocd,
.products-media .product-list.item-list .item .ocd {
  display: none;
}
#productPanel .product-list.item-list .item.deleted,
#stockShortagePanel .product-list.item-list .item.deleted,
.products-media .product-list.item-list .item.deleted {
  opacity: .2;
}
#productPanel .product-list.item-list .item.deleted .tag.d,
#stockShortagePanel .product-list.item-list .item.deleted .tag.d,
.products-media .product-list.item-list .item.deleted .tag.d {
  display: inline-block;
}
#productPanel .product-list.item-list .item.deleted .tag.od,
#stockShortagePanel .product-list.item-list .item.deleted .tag.od,
.products-media .product-list.item-list .item.deleted .tag.od {
  display: none;
}
#productPanel .product-list.item-list .item.deleted .tag.ocd,
#stockShortagePanel .product-list.item-list .item.deleted .tag.ocd,
.products-media .product-list.item-list .item.deleted .tag.ocd {
  display: inline-block;
}
#productPanel .product-list.item-list .item.new .tag.d,
#stockShortagePanel .product-list.item-list .item.new .tag.d,
.products-media .product-list.item-list .item.new .tag.d {
  display: none;
}
#productPanel .product-list.item-list .item.new .tag.n,
#stockShortagePanel .product-list.item-list .item.new .tag.n,
.products-media .product-list.item-list .item.new .tag.n {
  display: inline-block;
}
.machine-tabs .tabs > table {
  float: right;
  table-layout: fixed;
  text-align: center;
}
.machine-tabs .tabs > table td a {
  min-width: 150px;
}
.machine-tabs .tabs > table td a.active {
  background-color: #7266ba !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 991px) {
  .machine-tabs .tabs > table td a {
    min-width: 0;
  }
}
.payment-conf .tabs {
  border-top: 1px solid #ddd;
  border-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.payment-conf .tabs img {
  width: 25px;
  height: 25px;
}
.payment-conf .tabs > table {
  float: none;
  width: 100%;
}
.payment-conf .tabs > table td a.active {
  background-color: #7266ba !important;
  color: #ffffff !important;
}
.payment-conf .tab-content {
  border: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: none;
}
.order-detail {
  margin: 5px;
}
.order-detail .order-info table {
  width: 100%;
}
.order-detail .order-info table tr {
  border-top: 1px solid #eee;
}
.order-detail .order-info table tr:first-child {
  border: 0;
}
.order-detail .order-info table tr td {
  padding: 10px 5px;
  text-align: right;
}
.order-detail .order-info table tr td span {
  font-size: 11px;
}
.order-detail .order-info table tr td:first-child {
  text-align: left;
  width: 80px;
  min-height: 45px;
}
.order-detail .info-detail table {
  width: 100%;
}
.order-detail .info-detail table tr td {
  padding: 8px 8px;
  border: 1px solid #ddd;
}
.order-detail .info-detail table tr td label {
  padding: 0;
  margin-left: -7px;
}
.order-detail .info-detail table tr td img {
  max-height: 90px;
  min-width: 80px;
}
.order-detail .info-detail table tr td:first-child {
  width: 70px;
  background: #f5f6fa;
}
.order-detail .info-list {
  table-layout: fixed;
}
.order-detail .info-list tbody tr {
  background: #fff;
}
.order-detail .info-list tr td,
.order-detail .info-list tr th {
  padding: 8px 2px;
  vertical-align: middle;
  text-align: center;
}
.order-detail .info-list tr td.name,
.order-detail .info-list tr th.name {
  /*text-align: left;
                    .text-ellipsis;*/
}
.order-detail .info-list tr td.img div,
.order-detail .info-list tr th.img div {
  /*background: #f5f6fa;*/
}
.order-detail .info-list tr td.img div img,
.order-detail .info-list tr th.img div img {
  max-width: 100%;
  max-height: 30px;
}
.order-detail .info-list tr td .fa,
.order-detail .info-list tr th .fa {
  font-size: 18px;
  vertical-align: top;
}
.order-detail .logs ul {
  margin: 0;
  padding: 0;
}
.order-detail .logs ul li {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
  padding: 5px;
  /*max-width: 500px;*/
  margin: 5px auto;
}
.order-detail .logs ul li .btn {
  min-height: 34px;
}
.order-detail .logs ul li .form-group {
  margin: 10px 10px;
  padding: 5px 5px;
}
.order-detail .logs ul li [class*="col-"] .form-group {
  margin: 3px;
  padding: 1px;
}
.order-detail .logs ul li div {
  padding: 3px 0;
}
.order-detail .logs ul li .m {
  font-weight: bold;
}
.order-detail .logs ul li .c,
.order-detail .logs ul li .d {
  font-size: 11px;
}
.order-detail .personnel-pros {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
  /*max-width: 500px;*/
  margin: 5px auto;
}
.order-detail .personnel-pros .personnel-pros-header {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
  width: 100%;
}
.order-detail .personnel-pros .personnel-pros-header td:first-child {
  text-align: left;
}
.order-detail .personnel-pros .personnel-pros-header td {
  text-align: right;
  padding: 5px 3px;
}
.order-detail .personnel-item {
  margin: 5px auto;
}
.order-detail .personnel-item .panel a.panel-title {
  padding-left: 3px;
}
.order-detail .personnel-item .panel a.panel-title .badge {
  font-size: 11px;
}
.order-detail .personnel-item .panel a.panel-title label {
  margin: 0;
}
.order-detail .personnel-item .panel a.panel-title .state {
  position: absolute;
  right: 10px;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table {
  width: 100%;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table > tbody > tr {
  border-top: 1px solid #eee;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table > tbody > tr:first-child {
  border: 0;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table > tbody > tr > td {
  padding: 10px 5px;
  text-align: right;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table > tbody > tr > td span {
  font-size: 11px;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table > tbody > tr > td:first-child {
  text-align: left;
  width: 80px;
  min-height: 45px;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table table {
  width: 100%;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table table th,
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table table td {
  text-align: center;
  border: 1px solid #ddd;
  padding: 5px;
}
.order-detail .personnel-item .panel .panel-collapse > .personnel-item-details > table table th {
  background: #f5f6fa;
}
.select-machine > table,
.select-org > table {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .select-machine > table,
  .select-org > table {
    width: 100%;
  }
}
.select-machine .machine-active,
.select-org .machine-active,
.select-machine .machine-filter,
.select-org .machine-filter,
.select-machine .org-active,
.select-org .org-active,
.select-machine .org-filter,
.select-org .org-filter {
  padding-left: 5px;
}
.select-machine .item-list,
.select-org .item-list {
  margin-top: 15px;
}
.select-machine .item-list .item,
.select-org .item-list .item {
  width: 150px;
}
.select-product > table {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .select-product > table {
    width: 100%;
  }
}
.ad-list.item-list .item {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .ad-list.item-list .item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .ad-list.item-list .item {
    width: 50%;
  }
}
.product-package {
  width: 100%;
}
.product-package td .form-control {
  border-radius: 0;
  text-align: center;
}
.product-package .addon {
  background: #ccc;
}
.product-package td:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
}
.product-package td:last-child .form-control {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.purchase-order .content-header2 .top {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 5px;
}
.purchase-order .content-header2 .top .form-group {
  margin-bottom: 10px;
}
.purchase-order .products .table {
  text-align: center;
}
.purchase-order .products .table .form-control {
  width: 80px;
  text-align: center;
  padding: 3px 3px;
  height: 30px;
  margin: auto;
}
.purchase-order .products .table select.form-control {
  width: 120px;
}
.purchase-order .products .filter {
  margin-bottom: 5px;
  width: 200px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .purchase-order .products .filter {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.purchase-order .products .filter2 {
  margin-bottom: 5px;
  width: 290px;
  float: right;
}
.purchase-order .products .filter2 table {
  width: 100%;
}
.purchase-order .products .filter2 table .export-td {
  width: 100px;
  text-align: center;
}
.purchase-order .products .filter2 table .export-td .btn {
  height: 34px;
  width: 80px;
}
@media only screen and (max-width: 767px) {
  .purchase-order .products .filter2 {
    float: none;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
}
input[type="number"][readonly],
input[type="text"][readonly],
select[readonly] {
  /*background: #fff;*/
  /*cursor: not-allowed;*/
}
table.table-business {
  width: 100%;
  table-layout: fixed;
}
table.table-business th {
  text-align: center;
  background: #f5f6fa;
}
table.table-business td {
  vertical-align: bottom !important;
}
table.table-business td input {
  text-align: center;
}
.en_US {
  /*.sidebar,
    .dataTables_wrapper th,
   
    
    .ctl .item-list,
    .topbar,*/
  /*.dataTables_info,
    .dataTables_length,*/
}
.en_US .sidebar.left .sidebar-scroll li a {
  white-space: normal;
  overflow: hidden;
  text-overflow: unset;
}
.en_US .layui-layer-title {
  text-transform: uppercase;
}
.company-banlance #maintenanceRulePane ul {
  padding-right: 10px;
}
.company-banlance #maintenanceRulePane li {
  padding-top: 10px;
}
.company-banlance #maintenanceRulePane div {
  padding: 5px 0 5px 10px;
}
.company-banlance .expenditure-pane .expenditure-name {
  text-align: center;
  padding: 8px 3px;
}
.company-banlance .expenditure-pane .expenditure-qr {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  margin-top: 10px;
  background: #ecf0f5;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method {
  border-top: 1px solid #ddd;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method > div {
  padding: 8px 5px;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method table {
  width: 100%;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method table .transfer-pane td {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method table .transfer-pane td .btn {
  width: 70px;
  min-height: 0;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method table td {
  border-top: 1px solid #ddd;
  padding: 5px 3px;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method table td label {
  margin-left: 5px;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method table td:first-child {
  width: 50px;
  text-align: center;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method table td:last-child {
  width: 90px;
  text-align: center;
}
.company-banlance .expenditure-pane .expenditure-qr .expenditure-method img {
  width: 30px;
  height: 30px;
}
.menu-list {
  background: #fff;
}
.menu-list .table td,
.menu-list .table th {
  text-align: center;
  font-weight: normal;
}
.menu-list .table th {
  background: #f5f6fa;
  border-bottom-width: 1px;
}
.menu-list .table tr.child1 {
  display: none;
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.menu-list .table tr.child2 {
  display: none;
  background: #e4e4e4;
}
.menu-list .table .fold,
.menu-list .table .move-up,
.menu-list .table .move-down,
.menu-list .table td[data-key] {
  color: #2f67b5;
  cursor: pointer;
}
.menu-list .table .fold:hover,
.menu-list .table .move-up:hover,
.menu-list .table .move-down:hover,
.menu-list .table td[data-key]:hover {
  color: #28a745;
}
.menu-list .table .fold,
.menu-list .table .move-up,
.menu-list .table .move-down,
.menu-list .table .icon {
  width: 50px;
}
.menu-list .table .fold.open {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.menu-list .table .fold.open i:before {
  content: "\f068";
}
.menu-list .table tr.move-complete td {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.machine-item-list.item-list .item {
  /*width:150px;*/
}
.machine-item-list.item-list .item .title {
  padding: 5px 10px;
}
.map-location-inner {
  width: 100%;
  height: 500px;
  position: relative;
}
.map-location-inner .map-location .map-filter .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.map-location-inner .map-location .map-filter .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.map-location-inner .map-location #map {
  margin-top: 3px;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.map-location #map {
  position: absolute;
  left: 0;
  right: 0;
  top: 34px;
  bottom: 0;
}
.map-location #map .BMap_cpyCtrl {
  display: none !important;
}
.map-location #map .anchorBL {
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;
}
.map-location .map-filter .form-group {
  margin: 0;
  padding: 0;
}
.map-location .map-filter .form-control,
.map-location .map-filter .btn {
  border-radius: 0;
}
.map-location #map-result {
  background: #fff;
  border: 1px solid #ddd;
  position: absolute;
  max-height: 300px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: auto;
}
.map-location #map-result > div {
  border-bottom: 1px solid #ddd;
}
.map-location #map-result .header {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #f5f6fa;
}
.map-location #map-result .body .result-group {
  padding: 5px 10px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.map-location #map-result .body .result-group:hover {
  background-color: #eaeaea;
}
.map-location #map-result .body .result-group .icon {
  float: left;
  color: #dc3545;
  width: 19px;
  height: 25px;
  font-size: 15px;
}
.map-location #map-result .body .result-group .info .address {
  margin-top: 3px;
  color: #666;
  font-size: 11px;
}
.map-location #map-result .body .result-group:last-child {
  border-bottom: 0;
}
.map-location #map-result .body .result-group.active {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
  border-width: 2px;
  border-color: #28a745;
}
.map-location #map-result .body .result-group.active .icon {
  color: #28a745;
}
.map-location #map-result .body .result-group.active:after {
  color: #28a745;
  top: 10px;
  content: '√';
  position: absolute;
  right: 5px;
  font-size: 15px;
  font-weight: bold;
}
.map-location #map-result .footer {
  text-align: center;
  background: #f5f6fa;
  border-bottom: 0;
}
.map-location #map-result .footer table {
  width: 100%;
  table-layout: fixed;
  font-size: 15px;
}
.map-location #map-result .footer table a {
  display: block;
  padding: 5px;
}
.map-location #map-result .footer table a:hover {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.map-location #map-result .footer table a.disabled {
  color: #333 !important;
  opacity: .5;
  background-color: transparent !important;
  cursor: not-allowed;
}
.member-map .summary-pane {
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.86);
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  width: 300px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.member-map .summary-pane a {
  color: #1d1d1d;
  text-decoration: none;
}
.member-map .summary-pane a:hover {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.member-map .summary-pane a.active {
  background-color: #7266ba !important;
  color: #ffffff !important;
}
.member-map .summary-pane .summary-heading {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 1px solid #ddd;
}
.member-map .summary-pane .summary-heading a {
  padding: 10px 15px;
  display: block;
}
.member-map .summary-pane .summary-heading a i {
  margin-right: 10px;
}
.member-map .summary-pane .summary-heading .number {
  float: right;
  color: #7266ba;
  font-weight: bold;
}
.member-map .summary-pane .summary-body a {
  display: block;
  color: #1d1d1d;
  text-decoration: none;
  border: 1px dotted #ddd;
  margin-top: -1px;
  padding: 0;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*a {
                    border-right: 1px dotted #ddd;
                    width: 30px;
                    text-align: center;
                }*/
}
.member-map .summary-pane .summary-body a .a,
.member-map .summary-pane .summary-body a .b {
  line-height: 35px;
}
.member-map .summary-pane .summary-body a .a {
  width: 30px;
  text-align: center;
}
.member-map .summary-pane .summary-body a .a:hover {
  background-color: #2f67b5 !important;
  color: #ffffff !important;
}
.member-map .summary-pane .summary-body a .a.active:before {
  content: "\f068";
}
.member-map .summary-pane .summary-body a .b {
  padding-left: 5px;
}
.member-map .summary-pane .summary-body a .c {
  background-color: #fff;
  position: absolute;
  right: 5px;
  top: 7px;
  border-radius: 4px;
  padding: 2px 5px;
  color: #7266ba;
  font-weight: bold;
}
.member-map .summary-pane .summary-body a.color0 {
  color: #ffc107;
}
.member-map .summary-pane .summary-body a.color0 .c {
  color: #ffc107;
}
.member-map .summary-pane .summary-body a.color1 {
  color: #28a745;
}
.member-map .summary-pane .summary-body a.color1 .c {
  color: #28a745;
}
.member-map .summary-pane .summary-body a.color2 {
  color: #dc3545;
}
.member-map .summary-pane .summary-body a.color2 .c {
  color: #dc3545;
}
.member-map .summary-pane .summary-body a.color3 {
  color: #7266ba;
}
.member-map .summary-pane .summary-body a.color3 .c {
  color: #7266ba;
}
.member-map .summary-pane .summary-body div.level {
  display: none;
}
.member-map .summary-pane .summary-body div.level0 {
  display: block;
}
.member-map #map {
  position: absolute;
  /*left: @summaryWidth;*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.member-map #map .BMap_cpyCtrl {
  display: none !important;
}
.member-map #map .anchorBL {
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .member-map {
    /*.summary-pane {
            right: 0;
            width: 100%;
        }*/
  }
  .member-map #map {
    left: 0 !important;
  }
}
.medical-config .working-time {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px;
  margin-bottom: 10px;
  background: #eee;
}
.medical-config .working-time table {
  width: 100%;
  table-layout: fixed;
}
.medical-config .working-time table .word {
  width: 70px;
}
.medical-config .working-time table .addon {
  width: 30px;
}
.medical-config .working-time table td {
  padding: 3px;
  text-align: center;
}
.medical-config .working-time table td select {
  text-align: center;
  -moz-text-align-last: center;
  -ms-text-align-last: center;
  text-align-last: center;
}
.medical-config .deliveryDistancePane,
.medical-config .royaltyPanel {
  overflow-x: auto;
}
.medical-config .deliveryDistancePane table,
.medical-config .royaltyPanel table {
  width: 100%;
}
.medical-config .deliveryDistancePane table td,
.medical-config .royaltyPanel table td,
.medical-config .deliveryDistancePane table th,
.medical-config .royaltyPanel table th {
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  padding: 8px;
  white-space: nowrap;
}
.medical-config .deliveryDistancePane table thead th,
.medical-config .royaltyPanel table thead th {
  background: #f5f6fa;
  border-bottom-width: 1px;
  font-weight: normal;
}
.medical-config .deliveryDistancePane table .ctl-max,
.medical-config .royaltyPanel table .ctl-max {
  border-left: 0;
}
.medical-config .deliveryDistancePane table .ctl-min,
.medical-config .royaltyPanel table .ctl-min {
  border-right: 0;
}
.medical-config .deliveryDistancePane table .seg,
.medical-config .royaltyPanel table .seg {
  width: 30px;
  border-left: 0;
  border-right: 0;
}
.medical-config .deliveryDistancePane table .ctl,
.medical-config .royaltyPanel table .ctl {
  width: 130px;
}
.medical-config .deliveryDistancePane table .form-control,
.medical-config .royaltyPanel table .form-control {
  text-align: center;
  width: 100px;
}
.medical-config .deliveryDistancePane table .tools,
.medical-config .royaltyPanel table .tools {
  width: 130px;
}
.medical-config .deliveryDistancePane table .tools .add,
.medical-config .royaltyPanel table .tools .add,
.medical-config .deliveryDistancePane table .tools .del,
.medical-config .royaltyPanel table .tools .del {
  margin: 0 5px;
}
.medical-config .deliveryDistancePane span.tools,
.medical-config .royaltyPanel span.tools {
  margin-left: 20px;
  /*float:right;*/
}
.medical-config .deliveryDistancePane span.tools .add,
.medical-config .royaltyPanel span.tools .add,
.medical-config .deliveryDistancePane span.tools .del,
.medical-config .royaltyPanel span.tools .del {
  margin: 0 5px;
}
.medical-config .royaltyPanel table .form-control {
  text-align: center;
  width: 100%;
}
.normal-table {
  width: 100%;
}
.normal-table thead th.link,
.normal-table tfoot th.link {
  color: #1d1d1d;
}
.normal-table thead td,
.normal-table tfoot td,
.normal-table thead th,
.normal-table tfoot th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #f5f6fa;
  font-weight: normal;
  text-align: center;
  border: 1px solid #ddd;
  padding: 8px;
}
.normal-table tbody td,
.normal-table tbody th {
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  padding: 8px;
}
.normal-table tbody td span,
.normal-table tbody th span {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 11px;
}
@media only screen and (max-width: 991px) {
  .normal-table tbody td span,
  .normal-table tbody th span {
    display: block;
    margin: 0;
  }
}
.normal-table tbody td .label,
.normal-table tbody th .label {
  margin: 3px;
  display: inline-block;
}
.normal-table tbody .tool {
  background: #f5f6fa;
}
.normal-table tbody .link {
  color: #17a2b8;
  cursor: pointer;
}
.normal-table tbody .link:hover {
  color: #2f67b5;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.175);
}
.normal-table tbody .img {
  height: 40px;
}
.normal-table tbody .img img {
  max-width: 100%;
  max-height: 100%;
}
.normal-table tbody .form-control {
  text-align: center;
  padding: 3px 3px;
  height: 30px;
  min-width: 80px;
  margin: auto;
}
.normal-table tbody .form-control.h {
  height: 34px;
}
.normal-table.tbl-left thead td,
.normal-table.tbl-left tfoot td,
.normal-table.tbl-left thead th,
.normal-table.tbl-left tfoot th {
  text-align: left;
}
.normal-table.tbl-left tbody td,
.normal-table.tbl-left tbody th {
  text-align: left;
}
.hasTools .panel-heading {
  position: relative;
}
.hasTools .panel-heading .tools {
  position: absolute;
  right: 10px;
  top: 4px;
}
.hasTools .panel-heading .btn {
  padding: 5px 12px;
}
.vdw-product .panel-heading .tools {
  position: absolute;
  right: 10px;
  top: 4px;
}
.vdw-product .panel-heading .tools .submit {
  display: none;
}
.vdw-product .panel-heading .btn {
  padding: 5px 12px;
}
.vdw-product .panel-body .normal-table {
  /*.leasePro, .buyPro {
                display: none;
            }*/
}
.vdw-product .panel-body .normal-table td {
  text-align: center;
}
.profile-info {
  width: 100%;
}
.profile-info > table {
  width: 100%;
}
.profile-info > table td {
  text-align: left;
}
.profile-info .head {
  width: 100px;
  text-align: center;
}
.profile-info .head img {
  max-width: 100%;
  max-height: 70px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.profile-info .personnel-type {
  position: absolute;
  top: 0;
  right: 0;
}
.profile-info .personnel-type > span {
  font-size: 10px;
}
.tools-list .tools-group {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 4px;
  /*max-width: 500px;*/
  margin: 5px auto;
}
.tools-list .tools-group > div {
  border-bottom: 1px solid #ddd;
}
.tools-list .tools-group > div:last-child {
  border: 0;
}
.tools-list .tools-group .tools-item {
  display: block;
  color: #1d1d1d;
  text-decoration: none;
  padding: 12px 10px;
}
.tools-list .tools-group .tools-item:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f105";
  float: right;
  color: #ddd;
  font-size: 15px;
}
.tools-list .tools-group .tools-item:hover {
  background: #f5f6fa;
}
.tools-list .tools-group .tools-item > i {
  padding-right: 10px;
}
.tbl-filter {
  width: 290px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .tbl-filter {
    float: none;
    width: auto;
  }
}
.tbl-filter > table {
  width: 100%;
}
.tbl-filter > table td {
  padding: 5px 3px;
}
.tbl-filter > table .action {
  width: 100px;
  text-align: center;
}
.tbl-filter > table .action .btn {
  height: 34px;
}
.tbl-filter > table .filter {
  text-align: right;
}
.form-panel {
  text-align: right;
  font-size: 11px;
  color: #777;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 5px;
}
.form-panel > div {
  padding: 3px 2px;
}
.form-panel > div > span {
  margin-left: 5px;
}
.model-filter {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.model-filter > table {
  width: 100%;
}
.message {
  color: #666;
  font-size: 11px;
}
.my-list-group {
  margin-bottom: 0;
}
.my-list-group .list-group-item:before {
  font-family: FontAwesome;
  content: "\f10c";
  padding-right: 5px;
}
.my-list-group .list-group-item.active:before {
  content: "\f05d";
}
.my-list-group .list-group-item .badge {
  font-size: 10px;
}
.special-check {
  width: 100%;
}
.special-check td {
  padding: 5px 0px;
}
.special-check .form-group {
  margin: 0;
}
.special-check .btn {
  height: 34px;
}
.select2 {
  width: 100% !important;
}
.select2 .select2-selection__rendered,
.select2 .select2-search__field {
  font-size: 12px;
  padding-top: 2px !important;
}
.select2-search__field {
  font-size: 12px !important;
  padding: 5px !important;
}
.text-sm {
  font-size: 10px;
}
.text-dis {
  font-size: 10px;
  color: #777;
  margin-left: 5px;
}
.ml-md {
  margin-left: 5px;
}
.recommender-list .recommender-item,
.agent-list .recommender-item,
.recommender-list .agent-item,
.agent-list .agent-item {
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  margin: 10px 0;
  border: 1px solid #eee;
  padding: 10px;
}
.recommender-list .recommender-item:hover,
.agent-list .recommender-item:hover,
.recommender-list .agent-item:hover,
.agent-list .agent-item:hover {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.recommender-list .recommender-item.selected,
.agent-list .recommender-item.selected,
.recommender-list .agent-item.selected,
.agent-list .agent-item.selected {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
.recommender-list .recommender-item.selected:after,
.agent-list .recommender-item.selected:after,
.recommender-list .agent-item.selected:after,
.agent-list .agent-item.selected:after {
  content: "√";
  position: absolute;
  right: 5px;
  top: 5px;
  font-weight: bold;
}
.recommender-list .recommender-item .label,
.agent-list .recommender-item .label,
.recommender-list .agent-item .label,
.agent-list .agent-item .label {
  position: absolute;
  top: -1px;
  right: 1px;
  text-align: center;
  padding: 2px 3px;
  font-size: 10px;
}
.recommender-list .recommender-item > div,
.agent-list .recommender-item > div,
.recommender-list .agent-item > div,
.agent-list .agent-item > div {
  padding: 5px 10px;
  color: #777;
}
.recommender-list .recommender-item > div span,
.agent-list .recommender-item > div span,
.recommender-list .agent-item > div span,
.agent-list .agent-item > div span {
  color: #1d1d1d;
  margin-left: 10px;
}
.star {
  cursor: pointer;
}
.star.active .fa:before {
  content: "\f005";
  color: #ffc107;
  font-weight: bold;
}
.vod .riderTopTools {
  overflow-x: auto;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.vod .riderTopTools > div {
  padding: 5px 0;
  display: table;
  width: 100%;
}
.vod .riderTopTools > div > div {
  display: table-cell;
  padding: 0 10px;
  text-align: center;
}
.vod .riderTopTools > div > div .btn i {
  margin-right: 5px;
}
.vod .vod-list {
  margin: 5px 3px;
}
.vod .vod-list .panel-body {
  background: #f1e9e9;
  padding: 0px;
}
.vod .vod-list .panel-body .infoItem {
  margin: 5px 3px;
}
.vod .vod-detail .panel-body {
  padding: 0;
}
.panel-custom .panel-body {
  background: #ecf0f5;
  padding: 0px;
}
.panel-custom .panel-body .infoItem {
  margin: 5px 3px;
}
.infoTable {
  width: 100%;
}
.infoTable > tbody > tr {
  border-bottom: 1px solid #eee;
}
.infoTable > tbody > tr:last-child {
  border: 0;
}
.infoTable > tbody > tr > td {
  text-align: right;
  padding: 10px 5px;
}
.infoTable > tbody > tr > td:first-child {
  text-align: left;
  min-width: 80px;
  color: #777;
}
.infoTable > tbody > tr > td .badge {
  font-size: 10px;
}
.infoTable > tbody > tr > td.address div {
  color: #666;
  font-size: 11px;
}
.infoTable > tbody > tr > td.image img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.infoTable > tbody > tr > td.image .word {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background-color: #f532e5 !important;
  color: #ffffff !important;
  font-weight: bold;
}
.infoTable > tbody > tr > td.viewDetails {
  cursor: pointer;
  color: #2f67b5;
}
.infoTable > tbody > tr > td.viewDetails:after {
  font-family: 'Glyphicons Halflings';
  content: "";
  float: right;
}
.infoTable > tbody > tr > td.viewDetails:hover {
  color: #17a2b8;
}
.infoTable > tbody > tr > td.edit {
  width: 20px;
}
.infoTable > tbody > tr > td.edit:after {
  font-family: 'Glyphicons Halflings';
  content: "";
  float: right;
  color: #777;
}
.infoTable > tbody > tr > td .append {
  color: #666;
  font-size: 11px;
  margin-left: 5px;
}
.infoTable.plg > tbody > tr > td {
  padding: 15px 5px;
}
.infoTable.infoForm > tbody > tr > td .form-control {
  text-align: right;
  display: inline;
}
.infoTable.infoForm > tbody > tr > td .form-control[readonly] {
  background: #fff;
  border: 0;
  box-shadow: none;
  padding: 0;
  height: auto;
}
.infoItem {
  background: #fff;
  margin: 6px 5px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  position: relative;
  cursor: pointer;
  /*.has-shadow;*/
}
.infoItem.hover:hover {
  border: 2px dotted #009688;
}
.infoItem.mlg {
  margin: 15px 5px;
}
.infoItem.plg {
  padding: 20px;
}
.infoItem .type-tab {
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
}
.infoItem .type-tab table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.infoItem .type-tab table td:first-child {
  border-right: 1px solid #DDD;
}
.infoItem .type-tab table label {
  display: block;
  /*.bg-gray;*/
  padding: 8px 5px;
  margin: 0;
}
.infoItem .type-tab table label:hover {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.infoItem > .label {
  position: absolute;
  top: -8px;
  right: 1px;
  text-align: center;
  font-size: 10px;
  padding: 2px 3px;
  line-height: .9;
}
.infoItem > .label.left {
  left: 1px;
  right: auto;
}
.infoItem .dropdown-tools {
  position: absolute;
  right: 10px;
  top: 10px;
}
.infoItem .dropdown-tools > a {
  color: #1d1d1d;
}
.infoItem .dropdown-tools .dropdown-menu {
  left: auto;
  right: 0;
}
.infoItem .dropdown-tools .dropdown-menu a i {
  margin-right: 10px;
}
.infoItem.mlr0 {
  margin-left: 0;
  margin-right: 0;
}
.material-modal .material-tabs {
  position: relative;
  overflow: hidden;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #fff;
}
.material-modal .material-tabs > table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.material-modal .material-tabs > table td a {
  display: block;
  padding: 13px;
  background: #fff;
  color: #1d1d1d;
  text-decoration: none;
  border-left: 1px solid #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.material-modal .material-tabs > table td a i {
  margin-right: 10px;
}
.material-modal .material-tabs > table td a:hover {
  background-color: #dde6e9 !important;
  color: #1d1d1d !important;
}
.material-modal .material-tabs > table td a.active {
  background-color: #7266ba !important;
  color: #ffffff !important;
}
.material-modal .material-list {
  margin-top: 10px;
  /*border: 1px solid #ddd;*/
}
.material-modal .material-list .item {
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 5px;
}
.material-modal .material-list .item table {
  width: 100%;
}
.material-modal .material-list .item table td:first-child {
  width: 50px;
  text-align: center;
}
.material-modal .material-list .item table td:first-child img,
.material-modal .material-list .item table td:first-child video {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #eee;
}
.material-modal .material-list .item table td:first-child .fa {
  font-size: 20px;
}
.material-modal .material-list .item table .message {
  word-break: break-all;
}
.material-modal .material-list .item table td:last-child {
  width: 50px;
  text-align: center;
}
.material-modal .material-form {
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.material-modal .material-form .materialPreview {
  text-align: center;
}
.material-modal .material-form .materialPreview img,
.material-modal .material-form .materialPreview video {
  max-width: 100%;
  /*max-height: 150px;*/
}
.material-modal .material-upload {
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.sort-table {
  width: 100%;
}
.sort-table .sortable-drag {
  background: #daf4ff;
}
.sort-table > tbody tr {
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 4px;
}
.sort-table > tbody tr.sortable-ghost {
  opacity: 1;
  background-color: #F4E2C9;
}
.sort-table > tbody td {
  padding: 5px;
}
.sort-table > tbody td.img {
  width: 70px;
  text-align: center;
  cursor: move;
}
.sort-table > tbody td.img img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.sort-table > tbody td.tools {
  width: 150px;
}
.sort-table > tbody td.tools select {
  text-align: center;
}
.sort-table > tbody td.tools .input-group-addon i {
  font-size: 10px;
}
.group-table {
  width: 100%;
}
.group-table > tbody tr {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  background-color: #fff;
  border-radius: 4px;
}
.group-table > tbody td {
  padding: 5px;
}
.group-table > tbody td.img {
  width: 70px;
  text-align: center;
  cursor: move;
}
.group-table > tbody td.img img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.group-table > tbody td.tools {
  width: 150px;
}
.group-table > tbody td.tools select {
  text-align: center;
}
.group-table > tbody td.tools .input-group-addon i {
  font-size: 10px;
}
.small-box {
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  min-height: 100px;
}
.small-box .tag {
  position: absolute;
  z-index: 30;
  right: 2px;
  top: 2px;
  background: rgba(25, 27, 33, 0.29);
  padding: 5px 5px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: bold;
}
.small-box .tag i {
  margin-right: 3px;
  color: #fad732;
}
.small-box.h {
  height: 120px;
  overflow-y: auto;
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .inner h3,
.small-box > .inner h4 {
  font-size: 25px;
  font-weight: bold;
  margin: 0 0 5px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box > .inner h4 {
  font-size: 17px;
  margin: 0 0 10px 0;
}
.small-box > .inner > p,
.small-box > .inner > div {
  font-size: 14px;
}
.small-box > .inner > p > small,
.small-box > .inner > div > small {
  display: block;
  color: #f9f9f9;
  font-size: 12px;
  margin-top: 5px;
}
.small-box > .inner h3,
.small-box > .inner p {
  z-index: 5;
}
.small-box > .inner > table {
  width: 100%;
}
.small-box > .inner > table h3 {
  margin: 0;
  display: inline-block;
}
.small-box > .inner > table td {
  vertical-align: middle;
}
.small-box > .inner > table .s {
  margin-left: 5px;
  margin-right: 5px;
}
.small-box > .small-box-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box .icon {
  transition: all .3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 70px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  font-size: 80px;
}
.body-inner {
  padding: 5px 1px;
}
.icon-text {
  display: block;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  padding: 20px 5px;
  color: #fff;
  text-decoration: none !important;
  background: #17a2b8;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  margin: 5px 0;
}
.icon-text:hover {
  color: #fff;
}
.icon-text:hover i {
  transform: scale(1.4);
}
.icon-text i {
  transition: all .3s linear;
  margin-right: 5px;
  font-size: 20px;
  vertical-align: top;
}
.so .so-msg > div {
  padding: 5px;
}
.so .so-msg > div ul {
  padding: 0 5px;
}
.so .so-msg > div ul li {
  list-style: none;
  padding: 5px;
}
.so .so-list.item-list .item {
  width: 33.3333%;
}
@media only screen and (max-width: 991px) {
  .so .so-list.item-list .item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .so .so-list.item-list .item {
    width: 100%;
  }
}
.service-p-p .service-p-msg {
  line-height: 1.7;
}
.service-p-p .service-p-msg > div {
  padding: 5px;
}
.service-p-p .service-p-msg > div ul {
  padding: 0 5px;
}
.service-p-p .service-p-msg > div ul li {
  list-style: disc;
  padding: 5px;
  margin: 0 20px;
}
.service-p-p .service-p-list > .item {
  background: #fff;
  margin: 10px 1px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.service-p-p .service-p-list > .item > table {
  width: 100%;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td {
  padding: 10px;
  font-size: 14px;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td.image {
  width: 120px;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td.image img {
  width: 100%;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td a {
  margin-left: 8px;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td .tool {
  margin: 7px 0;
  background: #f3f3f3;
  padding: 5px 7px;
  border: 1px solid #ddd;
  border-radius: 4px;
  user-select: none;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td .tool .action {
  cursor: pointer;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td .tool .action span {
  margin-left: 10px;
  font-size: 12px;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td .tool .action i {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 5px;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td .tool .action[data-active="1"] {
  color: #28a745;
}
.service-p-p .service-p-list > .item > table > tbody > tr > td .tool .action[data-active="1"] i:before {
  content: "\f046";
}
.service-p-p .service-p-list > .item > table > tbody > tr > td .tool .action:hover i {
  transform: scale(1.2);
}
.err-pane {
  padding: 20px 30px 30px 50px;
  text-align: center;
}
.err-pane .icon {
  font-size: 100px;
  color: #ffc107;
}
.err-pane .content {
  font-size: 20px;
}
.err-pane.sm {
  padding: 5px;
}
.err-pane.sm .icon {
  font-size: 28px;
  color: #ffc107;
}
.err-pane.sm .content {
  font-size: 12px;
}
.panel-loading {
  text-align: center;
  /*font-size: 15px;*/
  padding-top: 50px;
  color: #ccc;
}
.panel-loading i {
  margin-right: 10px;
}
.panel-sm {
  border-radius: 2px;
}
.panel-sm .panel-heading {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.panel-sm .panel-body {
  padding: 0px;
  /*max-height: 300px;
        overflow-y: auto;*/
}
.panel-sm .panel-body .infoItem {
  margin: 5px 3px;
}
.tbl-box {
  background: #ccc;
  border-radius: 2px;
  position: relative;
  display: block;
  margin: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 5px 0;
}
.tbl-box > h3 {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 5px 10px 10px 10px;
  display: block;
  border-bottom: 1px dotted #eee;
}
.tbl-box > table {
  width: 100%;
}
.tbl-box > table th,
.tbl-box > table td {
  text-align: center;
  padding: 3px 1px;
}
.tbl-box > table th {
  font-size: 14px;
}
.tbl-box > table td {
  font-size: 20px;
}
.tbl-box .icon {
  transition: all .3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 75px;
  color: rgba(0, 0, 0, 0.15);
}
.tbl-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.tbl-box:hover .icon {
  font-size: 80px;
}
[data-link] {
  cursor: pointer;
}
.ques-sys .answer-list .answer-item {
  border: 1px solid #ffc107;
  line-height: 1.42857143;
  margin: 5px 0;
  border-radius: 4px;
}
.ques-sys .answer-list .answer-item > table {
  width: 100%;
}
.ques-sys .answer-list .answer-item > table .content {
  padding: 8px 6px;
}
.ques-sys .answer-list .answer-item > table .tools {
  width: 30px;
  user-select: none;
  text-align: center;
  background: #f5f6fa;
  border-left: 1px solid #ddd;
  cursor: pointer;
}
.ques-sys .answer-list .answer-item > table .tools:hover {
  background-color: #ddd;
}
.ques-sys .answer-list .answer-item > table .tools.cr {
  border-left: 0;
  border-right: 1px solid #ddd;
  width: 80px;
  font-size: 10px;
}
.ques-sys .answer-list .answer-item > table .tools.cr i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 4px;
}
.ques-sys .answer-list .answer-item > table .mu,
.ques-sys .answer-list .answer-item > table .md {
  color: #2f67b5;
}
.ques-sys .answer-list .answer-item > table .del {
  color: #dc3545;
}
.ques-sys .answer-list .answer-item > table .cr {
  color: #ffc107;
}
.ques-sys .answer-list .answer-item.correct {
  border: 1px solid #28a745;
}
.ques-sys .answer-list .answer-item.correct > table .cr {
  color: #28a745;
}
.ques-sys .answer-list .answer-item.correct > table .cr i:before {
  content: "\f14a";
}
.ques-sys .answer-list .answer-item .image img {
  max-height: 80px;
  max-width: 100%;
}
.ques-sys-list .machine-tabs {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.ques-sys-list .machine-tabs .form-buttons {
  float: left;
  background: #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ques-sys-list .machine-tabs .tabs {
  min-width: 100px;
  height: 45px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .ques-sys-list .machine-tabs .form-buttons {
    float: none;
    width: 100%;
  }
}
.ques-sys-list .item {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .ques-sys-list .item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .ques-sys-list .item {
    width: 50%;
  }
}
.ques-sys-list .item.item-media .content {
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.ques-sys-list .item.item-media .media {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 0;
  border-bottom: 1px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.ques-sys-list .item.item-media .media img,
.ques-sys-list .item.item-media .media video,
.ques-sys-list .item.item-media .media p {
  font-size: 14px;
  max-height: none;
}
.ques-sys-list .item.item-media .media .dsp-desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.27);
  color: #fff;
  padding: 5px;
}
.ques-sys-list .item .answers {
  height: 100px;
  overflow-y: auto;
  text-align: left;
}
.ques-sys-list .item .answers > div {
  position: relative;
}
.ques-sys-list .item .answers > div.success {
  color: #28a745;
}
.ques-sys-list .item .answers .at1 {
  display: inline-block;
}
.ques-sys-list .item .answers .at1 .r {
  right: 5px;
  top: 2px;
}
.ques-sys-list .item .answers .at0 .r {
  bottom: 0;
}
.ques-sys-list .item .answers .r {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 24px;
  padding: 0 5px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
}
.ques-sys-list .item .answers p {
  padding: 3px 10px;
  margin: 0;
  border-top: 1px dotted #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ques-sys-list .item .answers img {
  max-height: 45px;
  max-width: 100%;
  border-radius: 4px;
  margin: 2px 5px;
}
.ques-history {
  user-select: none;
}
.ques-history .ques-list .ques {
  margin: 10px 5px;
  border: 1px solid #000;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
.ques-history .ques-list .ques .content {
  background: #fff;
  border-radius: 4px;
  margin: 10px 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  /*font-weight: bold;*/
  padding: 3px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #2f67b5;
}
.ques-history .ques-list .ques .content.qt0 {
  padding: 10px 15px;
}
.ques-history .ques-list .ques .content p {
  margin: 0;
  padding: 0;
}
.ques-history .ques-list .ques .content img {
  max-width: 100%;
  max-height: 150px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
}
.ques-history .ques-list .ques .answers {
  margin: 10px 0;
}
.ques-history .ques-list .ques .answers .answer {
  background: #fff;
  border-radius: 4px;
  margin: 10px 0;
  border: 1px solid #ddd;
  padding: 3px;
  cursor: pointer;
}
.ques-history .ques-list .ques .answers .answer.active {
  border-color: #ffc107;
  border-width: 2px;
  /*background-color: #FF9191;*/
}
.ques-history .ques-list .ques .answers .answer.active .check i {
  color: #ffc107;
}
.ques-history .ques-list .ques .answers .answer.active .check i:before {
  content: "\f046";
}
.ques-history .ques-list .ques .answers .answer.aw0 {
  padding: 3px 8px;
}
.ques-history .ques-list .ques .answers .answer .check {
  font-size: 25px;
  width: 30px;
  text-align: center;
}
.ques-history .ques-list .ques .answers .answer.qt0 {
  padding: 8px 15px;
}
.ques-history .ques-list .ques .answers .answer p {
  margin: 0;
  padding: 0;
}
.ques-history .ques-list .ques .answers .answer img {
  max-width: 100%;
  max-height: 150px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
}
.ques-history.complete .ques-list .ques .answers .answer.correct1 {
  border-color: #28a745 !important;
  border-width: 2px;
  color: #fff !important;
  background-color: #6DB46D !important;
}
.ques-history.complete .ques-list .ques .answers .answer.correct1 .check i {
  color: #fff;
}
.ques-history.complete .ques-list .ques .answers .answer.active {
  border-color: #ffc107;
  background-color: #FF9191;
  color: #fff;
}
.ques-history.complete .ques-list .ques .answers .answer.active .check i {
  color: #fff;
}
.datepicker {
  /*top:0 !important;*/
  padding: 0;
}
.datepicker-dropdown:after,
.datepicker-dropdown:before {
  /*display:none;*/
}
.datepicker td,
.datepicker th {
  width: 40px;
  height: 35px;
  border-radius: 0;
}
.datepicker table tr td.day,
.datepicker table tr th.dow {
  border: 1px solid #ddd;
}
.datepicker table tr td.day:first-child,
.datepicker table tr th.dow:first-child {
  border-left: 0;
}
.datepicker table tr td.day:first-last,
.datepicker table tr th.dow:first-last {
  border-right: 0;
}
.datepicker table tr td.day.active,
.datepicker table tr th.dow.active {
  color: #fff !important;
}
.datepicker table tr td.day:not(.disabled) {
  color: #2f67b5;
}
.datepicker table tr td.new:not(.disabled),
.datepicker table tr td.old:not(.disabled) {
  color: #1d1d1d;
}
.datepicker .disabled {
  opacity: .2;
  color: #999 !important;
}
.bootstrap-datetimepicker-widget {
  width: auto;
  min-width: 250px;
}
@media only screen and (max-width: 991px) {
  .bootstrap-datetimepicker-widget {
    right: auto !important;
  }
}
.timepicker td,
.timepicker th {
  width: 40px;
  height: 35px;
  border-radius: 0;
}
.timepicker-hours table tr td,
.timepicker-minutes table tr td,
.timepicker-seconds table tr td {
  border: 1px solid #ddd;
}
.timepicker-hours table tr td:first-child,
.timepicker-minutes table tr td:first-child,
.timepicker-seconds table tr td:first-child {
  border-left: 0;
}
.timepicker-hours table tr td:first-last,
.timepicker-minutes table tr td:first-last,
.timepicker-seconds table tr td:first-last {
  border-right: 0;
}
.riderTimeDowdPane .riderTimeDowd > div {
  color: #dc3545;
  display: table;
}
.riderTimeDowdPane .riderTimeDowd > div > span {
  display: table-cell;
  vertical-align: middle;
}
.riderTimeDowdPane .riderTimeDowd > div > span:first-child {
  font-size: 18px;
  padding-right: 10px;
}
.machine-config .machine-tools ul {
  float: right;
  margin: 0;
  padding: 0;
}
.machine-config .machine-tools ul li {
  list-style: none;
  float: left;
  padding: 3px;
}
.machine-config .machine-tools .info li {
  line-height: 31px;
}
.machine-config #shoppingCarRows {
  width: 100%;
}
.machine-config #shoppingCarRows td,
.machine-config #shoppingCarRows th {
  text-align: center;
  border: 1px solid #ddd;
  padding: 5px;
}
.machine-config #shoppingCarRows th {
  background: #f5f6fa;
}
.machine-config #containerRows table {
  width: 100%;
  table-layout: fixed;
}
.machine-config #containerRows table td,
.machine-config #containerRows table th {
  text-align: center;
  border: 1px solid #ddd;
  font-weight: normal;
  padding: 10px;
}
.machine-config #containerRows table thead th {
  background: #f5f6fa;
}
.machine-config #containerRows .container-info tbody {
  /*.bg-inverse;

                select {
                    .bg-inverse;
                }*/
}
.machine-config #containerRows .row-info {
  /*.bg-success;

            select {
                .bg-success;
            }*/
}
.machine-config #containerRows .row-info th {
  /*.bg-success;*/
  border-top: 0;
}
.machine-config #containerRows .container-conf {
  margin-bottom: 15px;
}
.machine-config #motorConfPanel .panel-body {
  padding: 1px;
}
.machine-config #motorConfPanel #motorList .container-panel {
  position: relative;
  overflow: hidden;
  background: #f5f6fa;
  /*border-radius: 3px;*/
  border: 1px solid #ddd;
  padding: 3px;
}
.machine-config #motorConfPanel #motorList .container-panel .container-title {
  float: left;
  line-height: 30px;
  padding-left: 5px;
}
.machine-config #motorConfPanel #motorList .container-panel .container-buttons {
  float: right;
}
.machine-config #motorConfPanel #motorList .container-panel .container-buttons .btn {
  margin: 2px 0;
}
.machine-config #motorConfPanel #motorList .container-panel .container-tabs {
  margin: 2px 0;
  margin-left: 10px;
}
.machine-config #motorConfPanel #motorList .container-motors-info {
  background: #f5f6fa;
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table {
  width: 100%;
  text-align: center;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td {
  padding: 0 5px;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td span {
  display: inline-block;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td span label {
  margin-bottom: 0;
  margin-left: 1px;
  /*font-weight: bold;*/
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td span.selected:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #28a745 !important;
  color: #ffffff !important;
  border: 1px solid #1e7e34;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .stock-shortage {
  background: #ffc107;
  color: #ffffff;
  border: 1px solid #ecb100;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .stock-shortage:hover {
  background: #d39e00;
  border: 1px solid #b98b00;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .stock-empty {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .stock-empty:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-error {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-error:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-lock {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-lock:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-medical {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-medical:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-stop {
  background: #dde6e9;
  color: #ffffff;
  border: 1px solid #cedbdf;
}
.machine-config #motorConfPanel #motorList .container-motors-info > table td .motor-stop:hover {
  background: #becfd5;
  border: 1px solid #afc4cb;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table {
  width: 100%;
  table-layout: fixed;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td {
  vertical-align: top;
  text-align: center;
  padding: 0 3px;
  /*@media @screen-xs {
                                    width: 33.333%;
                                }*/
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td.row-panel {
  text-align: left;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td.row-panel div {
  background: #f5f6fa;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin: 3px;
  padding: 5px;
}
@media only screen and (max-width: 991px) {
  .machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td {
    display: block;
    float: left;
    width: 20%;
  }
  .machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td.row-panel {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td {
    width: 25%;
  }
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor {
  cursor: pointer;
  position: relative;
  border-radius: 1px;
  border: 1px solid #ddd;
  max-width: 300px;
  margin: 3px auto;
  overflow: hidden;
  height: 190px;
  /*.has-shadow;*/
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor.quick-machine {
  height: 160px;
  max-width: 250px;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor:hover {
  border-color: #17a2b8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor.active,
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor.selected {
  border-width: 2px;
  border-color: #28a745;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 239, 36, 0.6);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor.active.capacity-0,
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor.selected.capacity-0 {
  opacity: 1;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor.selected:after {
  display: block;
  content: "√";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #28a745 !important;
  color: #ffffff !important;
  padding: 2px 15px;
  text-align: center;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
  border-bottom: 1px solid #f5f6fa;
  background: #fff;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-capacity {
  display: none;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-replenishmentTime {
  font-size: 10px;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-bg {
  background: #f5f6fa;
  border-bottom-color: #f0f1f6;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img {
  background: #f5f6fa;
  border-bottom-color: #f0f1f6;
  padding: 1px;
  position: relative;
  overflow: hidden;
  height: 70px;
  border-top: 0;
  /*border-bottom: 1px solid #ddd;*/
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img img {
  max-width: 100%;
  max-height: 100%;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .icon-pane {
  position: absolute;
  right: 0;
  top: 0;
  /*background:#fff;*/
  /*border: 1px solid #ddd;*/
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .icon-pane > div {
  float: right;
  margin-left: 3px;
  background-color: #dc3545 !important;
  color: #ffffff !important;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #eee;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .icon-pane > div.motor-lock {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .icon-pane > div.motor-medical {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .motor-id {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.56);
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.error {
  color: #ffffff;
  background: rgba(238, 20, 20, 0.53);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.error span {
  color: #ffffff;
  background: rgba(238, 20, 20, 0.53);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.warning {
  color: #ffffff;
  background: rgba(241, 180, 11, 0.53);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.warning span {
  color: #ffffff;
  background: rgba(241, 180, 11, 0.53);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.success {
  color: #ffffff;
  background: rgba(18, 162, 167, 0.62);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.success span {
  color: #ffffff;
  background: rgba(18, 162, 167, 0.62);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.pink {
  color: #ffffff;
  background: rgba(245, 50, 229, 0.56);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-img .grid-door-status.pink span {
  color: #ffffff;
  background: rgba(245, 50, 229, 0.56);
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-number table {
  width: 100%;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-number table td {
  /*text-align: right;*/
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-number table td:first-child {
  /*text-align: left;*/
  border-right: 1px solid #ddd;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-word {
  font-size: 11px;
  color: gray;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .motor-bold {
  font-weight: normal;
  /*font-weight: bold;*/
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .capacity-shade {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: transparent;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor.capacity-0 {
  opacity: .4;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .error:not(.grid-door-status),
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .error span {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .warning:not(.grid-door-status),
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .warning span {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor .success:not(.grid-door-status) {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor-3 {
  height: auto;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor-3 .motor-id {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.56);
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
  border: 0;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table > tbody > tr > td .motor-3 > div {
  padding: 5px 1px;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table.motors-lg > tbody > tr > td {
  display: block;
  float: left;
  width: 10%;
}
.machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table.motors-lg > tbody > tr > td.row-panel {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table.motors-lg > tbody > tr > td {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-config #motorConfPanel #motorList .motors-panel .motor-tab-panel > table.motors-lg > tbody > tr > td {
    width: 25%;
  }
}
.machine-config #motorConfPanel #motorList .motors-panel .container-tab-panel {
  padding: 10px;
  display: none;
}
.machine-config #motorConfPanel #motorList .motors-panel .container-tab-panel > table tr td:first-child {
  background: #fefefe;
}
.machine-config #containerParamsPanel .panel-body .container-param > div,
.machine-config #containerParamsPanel .panel-body .time-panel > div {
  padding: 8px;
  text-align: center;
}
.machine-config #containerParamsPanel .panel-body .container-param table,
.machine-config #containerParamsPanel .panel-body .time-panel table {
  margin-bottom: 10px;
  width: 100%;
  table-layout: fixed;
}
.machine-config #containerParamsPanel .panel-body .container-param table td,
.machine-config #containerParamsPanel .panel-body .time-panel table td,
.machine-config #containerParamsPanel .panel-body .container-param table th,
.machine-config #containerParamsPanel .panel-body .time-panel table th {
  text-align: center;
  border: 1px solid #ddd;
  font-weight: normal;
  padding: 10px;
}
.machine-config #containerParamsPanel .panel-body .container-param table thead th,
.machine-config #containerParamsPanel .panel-body .time-panel table thead th {
  background: #f5f6fa;
}
.machine-config #containerParamsPanel .panel-body .time-panel .container-ids-panel,
.machine-config #containerParamsPanel .panel-body .time-panel .container-models-panel {
  text-align: left;
  display: inline-block;
  border: 1px solid #ddd;
  margin: 3px;
  padding: 3px 7px 3px 0;
  border-radius: 3px;
}
.machine-config #containerParamsPanel .panel-body .time-panel .container-ids-panel label,
.machine-config #containerParamsPanel .panel-body .time-panel .container-models-panel label {
  margin: 0;
}
.machine-config #containerParamsPanel .panel-body .time-panel table th.ids-th {
  width: 110px;
}
.machine-config #motorDetail table tr td,
.machine-config #multMotorDetail table tr td,
.machine-config #outerDetail table tr td {
  padding: 3px 8px;
  border: 1px solid #ddd;
}
.machine-config #motorDetail table tr td img,
.machine-config #multMotorDetail table tr td img,
.machine-config #outerDetail table tr td img {
  height: 80px;
  max-width: 100%;
}
.machine-config #motorDetail table tr td label,
.machine-config #multMotorDetail table tr td label,
.machine-config #outerDetail table tr td label {
  display: inline;
  line-height: 25px;
}
.machine-config #motorDetail table tr td a,
.machine-config #multMotorDetail table tr td a,
.machine-config #outerDetail table tr td a {
  display: block;
  padding: 5px 0;
}
.machine-config #motorDetail table tr td:first-child,
.machine-config #multMotorDetail table tr td:first-child,
.machine-config #outerDetail table tr td:first-child {
  width: 100px;
  background: #f5f6fa;
}
.machine-config .outerProducts-col .panel-body {
  padding: 1px;
}
.machine-config .outerProducts-col .outer-list .outer-product {
  display: block;
  float: left;
  width: 10%;
  padding: 0 3px;
}
@media only screen and (max-width: 767px) {
  .machine-config .outerProducts-col .outer-list .outer-product {
    width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  .machine-config .outerProducts-col .outer-list .outer-product {
    width: 20%;
  }
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item {
  text-align: center;
  cursor: pointer;
  position: relative;
  border-radius: 1px;
  border: 1px solid #ddd;
  max-width: 150px;
  margin: 3px auto;
  overflow: hidden;
  height: 125px;
  /*.has-shadow;*/
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item:hover {
  border-color: #17a2b8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item.active,
.machine-config .outerProducts-col .outer-list .outer-product .outer-item.selected {
  border-width: 2px;
  border-color: #28a745;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 239, 36, 0.6);
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item.active.capacity-0,
.machine-config .outerProducts-col .outer-list .outer-product .outer-item.selected.capacity-0 {
  opacity: 1;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item.selected:after {
  display: block;
  content: "√";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #28a745 !important;
  color: #ffffff !important;
  padding: 2px 15px;
  text-align: center;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
  border-bottom: 1px solid #f5f6fa;
  background: #fff;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-bg {
  background: #f5f6fa;
  border-bottom-color: #f0f1f6;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img {
  background: #f5f6fa;
  border-bottom-color: #f0f1f6;
  padding: 1px;
  position: relative;
  overflow: hidden;
  height: 70px;
  border-top: 0;
  /*border-bottom: 1px solid #ddd;*/
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img img {
  max-width: 100%;
  max-height: 100%;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img .icon-pane {
  position: absolute;
  right: 0;
  top: 0;
  /*background:#fff;*/
  /*border: 1px solid #ddd;*/
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img .icon-pane > div {
  float: right;
  margin-left: 3px;
  background-color: #dc3545 !important;
  color: #ffffff !important;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #eee;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img .icon-pane > div.motor-lock {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img .icon-pane > div.motor-medical {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img .motor-id {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.63);
  padding: 2px;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-word {
  font-size: 11px;
  color: gray;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .motor-bold {
  font-weight: normal;
  /*font-weight: bold;*/
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .error,
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .error span {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .warning,
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .warning span {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}
.machine-config .outerProducts-col .outer-list .outer-product .outer-item .success {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
.machine-config .outerProducts-col .outer-list .outer-product.quick-machine {
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .machine-config .outerProducts-col .outer-list .outer-product.quick-machine {
    width: 25%;
  }
}
.machine-config .outerProducts-col .outer-list .outer-product.quick-machine .outer-item {
  max-width: 250px;
  height: 170px;
}
.machine-config #replenishmentAllPanel .product {
  width: 25%;
  float: left;
  padding: 10px;
}
@media only screen and (max-width: 991px) {
  .machine-config #replenishmentAllPanel .product {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-config #replenishmentAllPanel .product {
    width: 100%;
  }
}
.machine-config #replenishmentAllPanel .product table {
  width: 100%;
  height: 150px;
}
.machine-config #replenishmentAllPanel .product table tr td {
  padding: 3px 8px;
  border: 1px solid #ddd;
}
.machine-config #replenishmentAllPanel .product table tr td img {
  height: 90px;
  max-width: 100%;
}
.machine-config #replenishmentAllPanel .product table tr td label {
  display: inline;
  line-height: 25px;
}
.machine-config #replenishmentAllPanel .product table tr td:first-child {
  width: 100px;
  background: #f5f6fa;
}
.machine-quick-config .machine-tools ul {
  float: right;
  margin: 0;
  padding: 0;
}
.machine-quick-config .machine-tools ul li {
  list-style: none;
  float: left;
  padding: 3px;
}
.machine-quick-config .machine-tools .info li {
  line-height: 31px;
}
.machine-quick-config #shoppingCarRows {
  width: 100%;
}
.machine-quick-config #shoppingCarRows td,
.machine-quick-config #shoppingCarRows th {
  text-align: center;
  border: 1px solid #ddd;
  padding: 5px;
}
.machine-quick-config #shoppingCarRows th {
  background: #f5f6fa;
}
.machine-quick-config #containerRows table {
  width: 100%;
  table-layout: fixed;
}
.machine-quick-config #containerRows table td,
.machine-quick-config #containerRows table th {
  text-align: center;
  border: 1px solid #ddd;
  font-weight: normal;
  padding: 10px;
}
.machine-quick-config #containerRows .container-info tbody {
  /*.bg-inverse;

                select {
                    .bg-inverse;
                }*/
}
.machine-quick-config #containerRows .row-info {
  /*.bg-success;

            select {
                .bg-success;
            }*/
}
.machine-quick-config #containerRows .row-info th {
  /*.bg-success;*/
  border-top: 0;
}
.machine-quick-config #containerRows .container-conf {
  margin-bottom: 15px;
  background: #fff;
}
.machine-quick-config #containerRows .container-conf.c1 {
  background-color: #2f67b5 !important;
  color: #ffffff !important;
}
.machine-quick-config #containerRows .container-conf.c2 {
  background-color: #7266ba !important;
  color: #ffffff !important;
}
.machine-quick-config #containerRows .container-conf.c3 {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
.machine-quick-config #motorConfPanel #motorList .gray {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config #motorConfPanel #motorList .success {
  color: #ffffff;
  background: rgba(40, 167, 69, 0.62);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config #motorConfPanel #motorList .info {
  color: #ffffff;
  background: rgba(26, 168, 241, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config #motorConfPanel #motorList .warning {
  color: #ffffff;
  background: rgba(241, 180, 11, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config #motorConfPanel #motorList .danger,
.machine-quick-config #motorConfPanel #motorList .error {
  color: #ffffff;
  background: rgba(238, 20, 20, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config #motorConfPanel #motorList .pink {
  color: #ffffff;
  background: rgba(238, 20, 187, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config #motorConfPanel #motorList .tag-group {
  position: absolute;
  left: 0;
  top: 4px;
  color: #fff;
  font-size: 10px;
}
.machine-quick-config #motorConfPanel #motorList .tag-group .tag {
  padding: 2px 5px;
  border-radius: 3px;
  margin: 0 3px;
  float: left;
}
.machine-quick-config #motorConfPanel #motorList .tag-group.right {
  left: auto;
  right: 1px;
}
.machine-quick-config #motorConfPanel #motorList .container-panel {
  position: relative;
  overflow: hidden;
  background: #fff;
  /*border-radius: 3px;*/
  border: 1px solid #ddd;
  padding: 0px 3px;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-title {
  float: left;
  line-height: 30px;
  padding-left: 5px;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-title a {
  font-weight: bold;
  min-width: 100px;
  display: block;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-title.c1 a {
  color: #2f67b5;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-title.c2 a {
  color: #7266ba;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-title.c3 a {
  color: #17a2b8;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-buttons {
  float: right;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-buttons .btn {
  margin: 2px 0;
  padding: 5px 12px;
}
.machine-quick-config #motorConfPanel #motorList .container-panel .container-tabs {
  margin: 2px 0;
  margin-left: 10px;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info {
  background: #f5f6fa;
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table {
  width: 100%;
  text-align: center;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td {
  padding: 0 5px;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td span {
  display: inline-block;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td span label {
  margin-bottom: 0;
  margin-left: 1px;
  /*font-weight: bold;*/
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td span.selected:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #28a745 !important;
  color: #ffffff !important;
  border: 1px solid #1e7e34;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .stock-shortage {
  background: #ffc107;
  color: #ffffff;
  border: 1px solid #ecb100;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .stock-shortage:hover {
  background: #d39e00;
  border: 1px solid #b98b00;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .stock-empty {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .stock-empty:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-error {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-error:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-lock {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-lock:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-medical {
  background: #dc3545;
  color: #ffffff;
  border: 1px solid #d32535;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-medical:hover {
  background: #bd2130;
  border: 1px solid #a71d2a;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-stop {
  background: #dde6e9;
  color: #ffffff;
  border: 1px solid #cedbdf;
}
.machine-quick-config #motorConfPanel #motorList .container-motors-info > table td .motor-stop:hover {
  background: #becfd5;
  border: 1px solid #afc4cb;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table {
  width: 100%;
  table-layout: fixed;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td {
  vertical-align: top;
  text-align: center;
  padding: 0 3px;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td.row-panel {
  text-align: left;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td.row-panel div {
  background: #f5f6fa;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin: 3px;
  padding: 5px;
}
@media only screen and (max-width: 991px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td {
    display: inline-block;
    width: 25%;
  }
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td.row-panel {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td {
    display: inline-block;
    width: 33.3333%;
  }
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor {
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  border: 1px solid #ddd;
  max-width: 350px;
  margin: 3px auto;
  overflow: hidden;
  background: #fff;
  min-height: 70px;
  font-size: 11px;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor:hover {
  border-color: #17a2b8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor.active,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor.selected {
  border-color: #28a745;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 239, 36, 0.6);
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor.active.capacity-0,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor.selected.capacity-0 {
  opacity: 1;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor.selected:after {
  display: block;
  content: "√";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #28a745 !important;
  color: #ffffff !important;
  padding: 2px 15px;
  text-align: center;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor > div {
  padding: 5px;
  border-bottom: 1px solid #f5f6fa;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor .hasTag {
  min-height: 27px;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor .motor-info {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor .postion-motor {
  text-align: left;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table > tbody > tr > td .motor.capacity-0 {
  opacity: .4;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table.motors-lg > tbody > tr > td {
  display: block;
  display: inline-block;
  width: 12.5%;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table.motors-lg > tbody > tr > td.row-panel {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table.motors-lg > tbody > tr > td {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c1 > table.motors-lg > tbody > tr > td {
    width: 33.3333%;
  }
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table {
  width: 100%;
  table-layout: fixed;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td {
  vertical-align: top;
  text-align: center;
  padding: 0 3px;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td.row-panel,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td.row-panel {
  text-align: left;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td.row-panel div,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td.row-panel div {
  background: #f5f6fa;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin: 3px;
  padding: 5px;
}
@media only screen and (max-width: 991px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td,
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td {
    display: inline-block;
    width: 20%;
  }
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td.row-panel,
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td.row-panel {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td,
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td {
    display: inline-block;
    width: 25%;
  }
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor {
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  border: 1px solid #ddd;
  max-width: 350px;
  margin: 3px auto;
  overflow: hidden;
  /*.has-shadow;*/
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor:hover,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor:hover {
  border-color: #17a2b8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor.active,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor.active,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor.selected,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor.selected {
  border-color: #28a745;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 239, 36, 0.6);
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor.active.capacity-0,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor.active.capacity-0,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor.selected.capacity-0,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor.selected.capacity-0 {
  opacity: 1;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor.selected:after,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor.selected:after {
  display: block;
  content: "√";
  position: absolute;
  right: 0;
  top: 0;
  background-color: #28a745 !important;
  color: #ffffff !important;
  padding: 2px 15px;
  text-align: center;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor > div,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
  border-bottom: 1px solid #f5f6fa;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-capacity,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-capacity {
  display: none;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-replenishmentTime,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-replenishmentTime {
  font-size: 10px;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-bg,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-bg {
  background: #f5f6fa;
  border-bottom-color: #f0f1f6;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-img,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-img {
  background: #f5f6fa;
  border-bottom-color: #f0f1f6;
  padding: 1px;
  position: relative;
  overflow: hidden;
  height: 70px;
  border-top: 0;
  /*border-bottom: 1px solid #ddd;*/
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-img img,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-img img {
  max-width: 100%;
  max-height: 100%;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-img .icon-pane,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-img .icon-pane {
  position: absolute;
  right: 0;
  top: 0;
  /*background:#fff;*/
  /*border: 1px solid #ddd;*/
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-img .icon-pane > div,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-img .icon-pane > div {
  float: right;
  margin-left: 3px;
  background-color: #dc3545 !important;
  color: #ffffff !important;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #eee;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-img .icon-pane > div.motor-lock,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-img .icon-pane > div.motor-lock {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-img .icon-pane > div.motor-medical,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-img .icon-pane > div.motor-medical {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-img .motor-id,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-img .motor-id {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.56);
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-number table,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-number table {
  width: 100%;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-number table td,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-number table td {
  /*text-align: right;*/
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-number table td:first-child,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-number table td:first-child {
  /*text-align: left;*/
  border-right: 1px solid #ddd;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-word,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-word {
  font-size: 11px;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .motor-bold,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .motor-bold {
  font-weight: normal;
  /*font-weight: bold;*/
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor .capacity-shade,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor .capacity-shade {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: transparent;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table > tbody > tr > td .motor.capacity-0,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table > tbody > tr > td .motor.capacity-0 {
  opacity: .4;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table.motors-lg > tbody > tr > td,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table.motors-lg > tbody > tr > td {
  display: inline-block;
  width: 10%;
}
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table.motors-lg > tbody > tr > td.row-panel,
.machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table.motors-lg > tbody > tr > td.row-panel {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table.motors-lg > tbody > tr > td,
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table.motors-lg > tbody > tr > td {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c2 > table.motors-lg > tbody > tr > td,
  .machine-quick-config #motorConfPanel #motorList .motors-panel .motor-tab-panel.c3 > table.motors-lg > tbody > tr > td {
    width: 25%;
  }
}
.machine-quick-config #containerParamsPanel .panel-body .container-param > div,
.machine-quick-config #containerParamsPanel .panel-body .time-panel > div {
  padding: 8px;
  text-align: center;
}
.machine-quick-config #containerParamsPanel .panel-body .container-param table,
.machine-quick-config #containerParamsPanel .panel-body .time-panel table {
  margin-bottom: 10px;
  width: 100%;
  table-layout: fixed;
}
.machine-quick-config #containerParamsPanel .panel-body .container-param table td,
.machine-quick-config #containerParamsPanel .panel-body .time-panel table td,
.machine-quick-config #containerParamsPanel .panel-body .container-param table th,
.machine-quick-config #containerParamsPanel .panel-body .time-panel table th {
  text-align: center;
  border: 1px solid #ddd;
  font-weight: normal;
  padding: 10px;
}
.machine-quick-config #containerParamsPanel .panel-body .container-param table thead th,
.machine-quick-config #containerParamsPanel .panel-body .time-panel table thead th {
  background: #f5f6fa;
}
.machine-quick-config #containerParamsPanel .panel-body .time-panel .container-ids-panel,
.machine-quick-config #containerParamsPanel .panel-body .time-panel .container-models-panel {
  text-align: left;
  display: inline-block;
  border: 1px solid #ddd;
  margin: 3px;
  padding: 3px 7px 3px 0;
  border-radius: 3px;
}
.machine-quick-config #containerParamsPanel .panel-body .time-panel .container-ids-panel label,
.machine-quick-config #containerParamsPanel .panel-body .time-panel .container-models-panel label {
  margin: 0;
}
.machine-quick-config #containerParamsPanel .panel-body .time-panel table th.ids-th {
  width: 110px;
}
.machine-quick-config #motorDetail table,
.machine-quick-config #multMotorDetail table,
.machine-quick-config #outerDetail table {
  width: 100%;
}
.machine-quick-config #motorDetail table tr td,
.machine-quick-config #multMotorDetail table tr td,
.machine-quick-config #outerDetail table tr td {
  padding: 3px 8px;
  border: 1px solid #ddd;
}
.machine-quick-config #motorDetail table tr td img,
.machine-quick-config #multMotorDetail table tr td img,
.machine-quick-config #outerDetail table tr td img {
  max-width: 100%;
}
.machine-quick-config #motorDetail table tr td label,
.machine-quick-config #multMotorDetail table tr td label,
.machine-quick-config #outerDetail table tr td label {
  display: inline;
  line-height: 25px;
}
.machine-quick-config #motorDetail table tr td a,
.machine-quick-config #multMotorDetail table tr td a,
.machine-quick-config #outerDetail table tr td a {
  display: block;
  padding: 5px 0;
  font-weight: bold;
}
.machine-quick-config #motorDetail table tr td:first-child,
.machine-quick-config #multMotorDetail table tr td:first-child,
.machine-quick-config #outerDetail table tr td:first-child {
  background: #f5f6fa;
  width: 100px;
}
.machine-quick-config .outerProducts-col .outer-list .outer-product {
  display: block;
  float: left;
  padding: 0 3px;
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .machine-quick-config .outerProducts-col .outer-list .outer-product {
    width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  .machine-quick-config .outerProducts-col .outer-list .outer-product {
    width: 25%;
  }
}
.machine-quick-config .outerProducts-col .outer-list .outer-product div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item {
  text-align: center;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  border: 1px solid #ddd;
  max-width: 350px;
  margin: 3px auto;
  overflow: hidden;
  background: #fff;
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item:hover {
  border-color: #17a2b8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item .stock {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(33, 142, 16, 0.76);
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img {
  /*background: #f5f6fa;*/
  border-bottom-color: #f0f1f6;
  padding: 1px;
  position: relative;
  overflow: hidden;
  border-top: 0;
  /*border-bottom: 1px solid #ddd;*/
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img img {
  max-width: 100%;
  height: 70px;
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item .motor-img .motor-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.41);
  color: #fff;
  font-size: 11px;
  padding: 3px;
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item .motor-word {
  font-size: 11px;
  color: gray;
}
.machine-quick-config .outerProducts-col .outer-list .outer-product .outer-item .motor-bold {
  font-weight: normal;
  /*font-weight: bold;*/
}
.machine-quick-config #replenishmentAllPanel .product {
  width: 25%;
  float: left;
  padding: 10px;
}
@media only screen and (max-width: 991px) {
  .machine-quick-config #replenishmentAllPanel .product {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .machine-quick-config #replenishmentAllPanel .product {
    width: 100%;
  }
}
.machine-quick-config #replenishmentAllPanel .product table {
  width: 100%;
  height: 150px;
}
.machine-quick-config #replenishmentAllPanel .product table tr td {
  padding: 3px 8px;
  border: 1px solid #ddd;
}
.machine-quick-config #replenishmentAllPanel .product table tr td img {
  height: 90px;
  max-width: 100%;
}
.machine-quick-config #replenishmentAllPanel .product table tr td label {
  display: inline;
  line-height: 25px;
}
.machine-quick-config #replenishmentAllPanel .product table tr td:first-child {
  width: 100px;
  background: #f5f6fa;
}
.machine-quick-config .panel .panel-heading a.panel-title {
  padding: 10px 15px;
}
.machine-quick-config .panel .panel-body {
  padding: 1px;
  background: #f5f6fa;
}
.machine-quick-config .panel.hasTools .panel-heading .btn {
  min-width: 70px;
}
.machine-quick-config .panel.hasTools .panel-heading .tools {
  top: 3px;
}
.machine-quick-config2 .panel .panel-heading a.panel-title {
  padding: 10px 15px;
}
.machine-quick-config2 .panel .panel-body {
  padding: 1px;
  /*background: #f5f6fa;*/
}
.machine-quick-config2 .panel.hasTools .panel-heading .btn {
  min-width: 70px;
}
.machine-quick-config2 .panel.hasTools .panel-heading .tools {
  top: 3px;
}
.machine-quick-config2 .machine-tools ul {
  float: right;
  margin: 0;
  padding: 0;
}
.machine-quick-config2 .machine-tools ul li {
  list-style: none;
  float: left;
  padding: 3px;
}
.machine-quick-config2 .machine-tools .info li {
  line-height: 31px;
}
.machine-quick-config2 .detail-modal table {
  width: 100%;
}
.machine-quick-config2 .detail-modal table tr td {
  padding: 3px 8px;
  border: 1px solid #ddd;
  min-height: 45px;
}
.machine-quick-config2 .detail-modal table tr td img {
  max-width: 100%;
}
.machine-quick-config2 .detail-modal table tr td label {
  display: inline;
  line-height: 25px;
}
.machine-quick-config2 .detail-modal table tr td a {
  display: block;
  padding: 5px 0;
  font-weight: bold;
}
.machine-quick-config2 .detail-modal table tr td:first-child {
  background: #f5f6fa;
  width: 100px;
}
.machine-quick-config2 .detail-modal table tr td div[class*='icheckbox'] {
  margin-left: 0;
}
.machine-quick-config2 .cb-gray {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config2 .cb-success {
  color: #ffffff;
  background: rgba(40, 167, 69, 0.62);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config2 .cb-info {
  color: #ffffff;
  background: rgba(26, 168, 241, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config2 .cb-warning {
  color: #ffffff;
  background: rgba(241, 180, 11, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config2 .cb-danger,
.machine-quick-config2 .cb-error {
  color: #ffffff;
  background: rgba(238, 20, 20, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config2 .cb-pink {
  color: #ffffff;
  background: rgba(238, 20, 187, 0.53);
  /*span {
                    color: @color;
                    background: @bgcolor;
                }*/
}
.machine-quick-config2 .tag-grp {
  position: absolute;
  left: 0;
  top: 2px;
  color: #fff;
  font-size: 10px;
}
.machine-quick-config2 .tag-grp .tag {
  padding: 2px 5px;
  border-radius: 3px;
  margin: 0 1px;
  display: inline-block;
}
.machine-quick-config2 .tag-grp.right {
  left: auto;
  right: 1px;
}
.machine-quick-config2 .data-inner .motor-row,
.machine-quick-config2 .data-inner .container-header {
  clear: both;
}
.machine-quick-config2 .data-inner .container-header {
  position: relative;
  overflow: hidden;
  background: #f5f6fa;
  border: 1px solid #ddd;
}
.machine-quick-config2 .data-inner .container-header .container-title {
  float: left;
}
.machine-quick-config2 .data-inner .container-header .container-title a {
  line-height: 30px;
  padding-left: 5px;
}
.machine-quick-config2 .data-inner .table-inner {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.machine-quick-config2 .data-inner .table-inner > tbody > tr > td {
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .machine-quick-config2 .data-inner .table-inner > tbody > tr > td {
    width: 25%;
    display: inline-block;
  }
}
@media only screen and (max-width: 991px) {
  .machine-quick-config2 .data-inner .table-inner > tbody > tr > td {
    width: 25%;
    display: inline-block;
  }
}
.machine-quick-config2 .data-inner .table-inner.data-item-lg10 > tbody > tr > td {
  display: inline-block;
  width: 10% !important;
}
@media only screen and (max-width: 991px) {
  .machine-quick-config2 .data-inner .table-inner.data-item-sm4 > tbody > tr > td {
    display: inline-block;
    width: 25% !important;
  }
}
@media only screen and (max-width: 991px) {
  .machine-quick-config2 .data-inner .table-inner.data-item-sm2 > tbody > tr > td {
    display: inline-block;
    width: 50% !important;
  }
}
.machine-quick-config2 .data-inner .table-inner.data-item-lg5 > tbody > tr > td {
  display: inline-block;
  width: 20%;
}
.machine-quick-config2 .data-inner .data-item {
  padding: 0 3px;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05);
  text-align: center;
  max-width: 350px;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  border: 1px solid #dddddd;
  margin: 3px auto;
  overflow: hidden;
  background-color: #fff;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner:hover,
.machine-quick-config2 .data-inner .data-item .data-item-inner.active,
.machine-quick-config2 .data-inner .data-item .data-item-inner.selected {
  border-color: #17a2b8;
  box-shadow: inset 0 1px 1px rgba(27, 157, 174, 0.42), 0 0 8px rgba(45, 196, 211, 0.6);
  transform: scale(1.01, 1.01);
  z-index: 100;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner:hover.disabled,
.machine-quick-config2 .data-inner .data-item .data-item-inner.active.disabled,
.machine-quick-config2 .data-inner .data-item .data-item-inner.selected.disabled {
  opacity: 1;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner.selected:after {
  display: block;
  content: "√";
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 15px;
  text-align: center;
  background-color: #28a745 !important;
  color: #ffffff !important;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-img {
  padding: 1px;
  position: relative;
  overflow: hidden;
  border-top: 0;
  background: #f5f6fa;
  min-height: 80px;
  /*border-bottom: 1px solid #ddd;*/
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-img > img {
  max-width: 100%;
  height: 80px;
  border-radius: 3px;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-img .data-name {
  min-height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.41);
  color: #fff;
  font-size: 11px;
  padding: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-row {
  position: relative;
  padding: 3px;
  min-height: 24px;
  border-top: 1px solid #dddddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-row.nb {
  border: 0;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-row .text {
  font-size: 11px;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-row .tl {
  text-align: left;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-row > table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-row > table td {
  white-space: nowrap;
  overflow: hidden;
  border-left: 1px solid #dddddd;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner .data-row > table td:first-child {
  border: 0;
}
.machine-quick-config2 .data-inner .data-item .data-item-inner.disabled {
  opacity: .2;
  /*display: none;*/
}
/*# sourceMappingURL=Master.css.map */