/* new style*/

:focus {
  outline: none;
}

body {
  font-family: Arial, 'Microsoft Yahei' !important;
  font-size: 12px;
  color: #e3e2e2 !important;
  background-color: #f9fafc;
  /* revised by wl */
}

.btn-group-sm>.btn,
.btn-sm {
  font-size: 12px;
}

.panel-body {
  padding: 0px;
}

.dataTables_wrapper {
  background-color: #f9fafc;
}

.dt-buttons {
  width: 100%;
  /* background-color: #ffffff;*/
  /*background-color: #1c1c1c;*/
  height: 54px;
  /*padding: 10px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0px;
  /* border: #d9dfe3 solid 1px; */
}

.dataTables_wrapper .dt-buttons {
  margin-bottom: 5px;
}

.littleLine .dataTables_wrapper .dt-buttons {
  margin-bottom: 1px;
}

.dataTables_wrapper .table>thead>tr>th {
  border-bottom-width: 1px !important;
}


.queryPannel .btn.btn-white {
    font-weight: 400;
    color: #7c8491 !important;
    background: #2c3036 !important;
    border-color: #2c3036 !important;
}

.queryPannel {
  display: none;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #1c1c1c;
  /* border: #d9dfe3 solid 1px; */
  /* border-bottom: none; */
  border: none;
  /* border-top-left-radius: 2px;
  border-top-right-radius: 4px; */
}

.topo-button-group{
    /* background-color: transparent; */
    position: absolute;
    right: 10px;
    /* height: 300px !important; */
}

.topo-button {
    background-color: #4D4D4D;
    margin-bottom: 3px;
    /* padding: 6px 12px; */
    opacity: 100;
    border-radius: 100px !important;
    /* z-index: 9999999; */
    height: 35px !important;
}


.form-horizontal.queryPannel .form-group:last-child {
  margin-bottom: 0 !important;
}

.showQuery .dt-buttons {
  border-top: none;
}

.showQuery .queryPannel {
  border-bottom: none;
}
.showQuery .queryPannel .row>[class*=col-]{
  padding-bottom: 15px;

}

.dt-buttons:empty {
  height: 0px;
  padding: 0px;
  border: none;
  margin: 0px;
}

/** btn class start*/

.btn,
.btn:active,
.btn.active,
.paginate_button>a {
  font-weight: 400;
  color: #333;
  background: #1c1c1c;
  border-color: #2c3036;
  transition: none;
  box-shadow: none;
}

select.form-control, select[multiple].form-control {
    border-color: #474747 !important;
	background-color: #2c3036 !important;
}

.cmdb_btn_group img {
    width: 20px !important;
    height: 20px !important;
}

.btn.iconBtn {
  border: none;
  padding: 0;
}

.btn.iconBorder {
  padding: 5px;
  border: #d9dfe3 1px solid;
  border-radius: 0px;
  width: 34px;
  height: 34px;
}

.btn.iconBtn>img,
.btn.iconBtn>i,
.btn.iconBtn>i:before {
  width: 18px;
  height: 18px;
  font-size: 18px;
}

.btn.iconBtn:focus .iconBtn:focus,
.iconBtn:hover {
	/*
  color: #333 !important;
  background: #fff !important;
  border-color: #e3e2e2 !important;
  */
  color: #e3e2e2 !important;
  background: #1890fe !important;
  border-color: #1890fe !important;
}

.iconBtn+.iconBtn:not(.iconBorder),
.btn-group .btn.iconBtn+.btn.iconBtn {
  margin-left: 10px;
}

.iconTxtBtn {
  color: #1890fe;
}

.paginate_button>a,
.btn,
.dataTables_paginate .paginate_button>a,
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0px !important;
  color: #7c8491 !important;
  font-size: 12px;
}

.ant-menu-dark .ant-menu-item {
    /*color: rgba(255,255,255,0.65);*/
	color: #7c8491 !important;
}
/*
.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item>a {
    color: rgba(255,255,255,0.65);
	color: #7c8491 !important;
}
*/

.pagination>li>a,
.pagination>li>span {
  height: 24px;
  padding: 3px 12px;
  border: 1px solid #2c3036;
  background-color: #1c1c1c;
}

.btn.btn-white:focus {
  color: #333;
  background: #fff;
  border-color: #e3e2e2;
}

/* .btn.btn-white:active */

.btn.btn-white:hover:not(.iconBtn):not(.iconTxtBtn) {

  background-color: #1890fe !important;
  border-color: #1890fe !important;
  color: #FFF !important;
  /*
  background-color: #1c1c1c !important;
  border-color: #1890ff !important;
  color: #1890ff !important;
  */
  box-shadow: none;
}

.pagination>.active>a:hover,
.paginate_button>a:hover {
	/*
  color: #1890fe !important;
  background-color: #FFF !important;
  border: #1890fe solid 1px !important;
  */
  background-color: #1c1c1c !important;
  border-color: #1890ff !important;
  color: #1890ff !important;
}

.paginate_button.disabled>a,
.btn.btn-white:disabled {
	/*
  color: #cccfd2;
  background-color: #e3e2e2;*/
  		background-color: #2c3036;
		border: none;
}
.pagination>li:last-child>a, .pagination>li:last-child>span{
	  background-color: #2c3036;
      border: none;
}
.pagination>li:last-child>a:hover, .pagination>li:last-child>span:hover{
	background-color: #1890fe !important;
    border-color: #1890fe !important;
	color: #fff !important;
}
.pagination>.disabled>a:hover{
	background-color: #1890fe !important;
    border-color: #1890fe !important;
	color: #fff !important;
}
.dt-buttons .btn.btn-query {
  float: right;
}

.dt-buttons .btn.btn-query img {
  height: 12px;
  width: 12px;
  content: url('../../image/icon/filter.png')
}

.dt-buttons .btn.btn-query:hover img {
  content: url('../../image/icon/filter.png');
  border: none;
}

.btn.alert-colset img {
  height: 18px;
  width: 18px;
  content: url('../../image/icon/alert_col_set.png');
}

.btn.alert-colset:hover img {
  content: url('../../image/icon/alert_col_set_hover.png');
}

.btn.fa-refresh img {
  height: 18px;
  width: 18px;
  content: url('../../image/icon/autoref.png');
}

.btn.fa-refresh:before {
  content: unset;
}

.btn.fa-refresh:hover img {
  content: url('../../image/icon/autoref_hover.png');
}

.btn.fa-ban img {
  height: 18px;
  width: 18px;
  content: url('../../image/icon/ban.png');
}

.btn.fa-ban:before {
  content: unset;
}

.btn.fa-ban:hover img {
  content: url('../../image/icon/ban_hover.png');
}

.btn.fa-volume-off img {
  height: 18px;
  width: 18px;
  content: url('../../image/icon/play.png');
}

.btn.fa-volume-off:before {
  content: unset;
}

.btn.fa-volume-off:hover img {
  content: url('../../image/icon/play_hover.png');
}

.btn.fa-volume-up img {
  height: 18px;
  width: 18px;
  content: url('../../image/icon/stop.png');
}

.btn.fa-volume-up:before {
  content: unset;
}

.btn.fa-volume-up:hover img {
  content: url('../../image/icon/stop_hover.png');
}
.paginate_button.active>a{
  background-color: #1c1c1c !important;
  border-color: #1890ff !important;
  color: #1890ff !important;
}
.pagination>li>a:hover {
  background-color: #1c1c1c !important;
  border-color: #1890ff !important;
  color: #1890ff !important;
}

/* .btn:not(.btn-lg):not(.timepicker-picker .btn){
  height: 34px;

}

.btn:not(.btn-lg):not(.timepicker-picker .btn),
.dataTables_paginate .paginate_button>a {
  height: 34px;
  color: #2d353c;
  padding: 6px 15px;
}

.btn,
.dataTables_paginate .paginate_button>a,
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 4px;
}

.btn.active,
.dataTables_paginate .paginate_button.active>a {
  background-color: #1890fe !important;
  border-color: #1890fe !important;
  color: #FFF;
  box-shadow: none;
}

.btn:disabled,
.dataTables_paginate .paginate_button.disabled>a {
  color: #cccfd2;
  background-color: #e3e2e2;
}

.pagination>li>a:hover {
  background-color: #1890fe !important;
  border-color: #1890fe !important;
  color: #FFF !important;
}

.dataTables_wrapper>.bottom .dataTables_paginate .paginate_button>a {
  height: 24px;
  padding: 2px 15px;
}

.modal-dialog .modal-content .modal-footer input[type='button'],
.modal-dialog .modal-content .modal-footer button.btn,
.modal-dialog .modal-content .modal-footer a.btn,{
  width: 120px;
  height: 34px;
  color: #1890fe;
  background-color: #ffffff;
  border: #1890fe solid 1px;
  border-radius: 4px;
  font-size: 14px;
}

.btn-white:focus {
  background-color: #ffffff;
}

.modal-dialog .modal-content .modal-footer input[type='button']:active,
.modal-dialog .modal-content .modal-footer button:active,
.modal-dialog .modal-content .modal-footer a.btn:active {
  background-color: #d6effa;
}

.modal-dialog .modal-content .modal-footer input[type='button'].conform:hover,
.modal-dialog .modal-content .modal-footer button.conform:hover,
.modal-dialog .modal-content .modal-footer a.btn.conform:hover {
  background-color: #1890fe;
  color: #ffffff;
}

.modal-dialog .modal-content .modal-footer input[type='button']:disabled,
.modal-dialog .modal-content .modal-footer button:disabled,
.modal-dialog .modal-content .modal-footer a.btn:disabled,
.modal-dialog .modal-content .modal-footer input[type='button']:disabled:hover,
.modal-dialog .modal-content .modal-footer button:disabled:hover,
.modal-dialog .modal-content .modal-footer a.btn:disabled:hover {
  background-color: #e3e2e2;
  color: #cccfd2;
} */

/** btn class end*/
table.dataTable thead .sorting:after {
  content: url(../../image/icon/sort.png);
  opacity: 1;
}

table.dataTable thead .sorting_desc:after {
  content: url(../../image/icon/sort_desc.png);
  opacity: 1;
}

table.dataTable thead .sorting_asc:after {
  content: url(../../image/icon/sort_asc.png);
  opacity: 1;
}

table.table-bordered.dataTable {
  border-collapse: unset !important;
}

.dataTables_scrollHead table thead tr,
.dataTables_scrollBody table tbody tr {
  height: 40px !important;
  font-size: 12px;
}

.dataTables_filter {
  background-color: #FFF;
  padding-right: 10px;
}

.table>thead>tr>th {
  font-weight: bolder;
}

div.dataTables_scrollBody table tbody tr:first-child:hover,
div.dataTables_scrollBody table tbody tr:first-child td:hover {
  border-top: #1890fe solid 1px !important;
}

.dataTables_scrollHead table tr {
  font-size: 14px;
}

.dataTables_scrollHead table tr th::after {
  bottom: 13px !important;
}

.dataTables_scrollHead,
.dataTables_scrollHead table,
.dataTables_scrollHead table tr,
.dataTables_scrollHead table tr th:first-child {
  border-top-left-radius: 0px;
}

.dataTables_scrollHead,
.dataTables_scrollHead table,
.dataTables_scrollHead table tr,
.dataTables_scrollHead table tr th:last-child {
  border-top-right-radius: 0px;
}

div.dataTables_scrollHead table.dataTable {
  margin-top: 0px !important;
}

.dataTables_scrollBody table tr.odd:hover>td,
.dataTables_scrollBody table tr.even:hover>td {
  border-top: #1890fe solid 1px !important;
  border-bottom: #1890fe solid 1px !important;
}

.dataTables_scrollBody table tr.odd:hover>td:first-child,
.dataTables_scrollBody table tr.even:hover>td:first-child {
  border-left: #1890fe solid 1px !important;
}

.dataTables_scrollBody table tr.odd:hover>td:last-child,
.dataTables_scrollBody table tr.even:hover>td:last-child {
  border-right: #1890fe solid 1px !important;
}

.dataTables_scrollBody tbody tr td img {
  width: 18px;
  height: 18px;
}

.dataTables_wrapper>.bottom {
  font-size: 12px !important;
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.dataTables_wrapper>.bottom select {
  height: 24px;
  padding: 2px 10px;
}

div.dataTables_wrapper div.dataTables_info {
  padding: 3px;
  margin-left: 10px;
}

div.dataTables_wrapper div.dataTables_paginate {
  flex: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

div.dataTables_wrapper div.dataTables_length select {
  margin: 0 10px;
  color: #e3e2e2;
  background-color: #2c3036;
  border-color: #474747;
  border-radius: 0px;
}

.dataTables_scroll table td:first-child center {
  text-align: center;
  text-align: -webkit-center;
}

.dataTables_scroll table td center {
  text-align: left;
  text-align: -webkit-left;
}

.dataTables_length label {
  margin-bottom: 0px;
}

.modal .modal-dialog {
  margin: 0 auto;
}

.modal .modal-dialog,
.modal .modal-dialog .modal-content {
  width: 1060px;
  /*width: 660px;*/
  max-height: 848px;
  background-color: #1c1c1c;/*add for ice*/
}

.littleModal.modal .modal-dialog,
.littleModal.modal .modal-dialog .modal-content {
  /*width: 700px;*/
}

.ngdialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-header {
  height: 40px;
  /*background-color: #e3e2e2;*/
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 10px 20px;
 /* background-color: #1c1c1c; add for ice*/
  background-color: #000000;
}

.modal-header {
    /*border-bottom-color: #474747; */
	border-bottom-color: #000000 !important;
}

.modal-header>*:not(.close),
.modal-header>*>strong {
  font-size: 14px;
 /* font-weight: normal !important;*/
  font-weight: bold;
  color: white; /* add for ice*/
}

.modal-header .close {
    margin-top: 5px;
    width: 20px;
    height: 12px;
    padding: 0px 6px;
	opacity: 1;
}

button.close,
button.close:before {
  opacity: 1;
  padding: 0;
  line-height: 0;
  padding: 0px 6px;
}

button.close:hover,
button.close:focus {
  border: none;
}

button.close:before,
button.close:focus:before {
  content: url('../../image/icon/close.png');
  opacity: 1;
}

button.close:hover:before {
  /*content: url('../../image/icon/close_hover.png');*/
  opacity: 1;
  border: none;
  padding: 0px 6px;
    /* font-size: 14px !important; */
  background-color: #2c3036;
  transition: background-color .1s cubic-bezier(.645,.045,.355,1);
}

.ngdialog .modal-content .modal-header .close .modal .modal-dialog .modal-content .modal-header .close {
  width: 18px;
  height: 18px;
  color: #b3b7ba;
  opacity: 1;
  text-shadow: none;
  font-weight: bold;
}

.modal .modal-dialog .modal-content .modal-body {
  /*padding: 5px 70px 0px 0px;*/
  padding: 10px 20px 10px 20px;
  width: 1050px; /*add for ice*/
  max-height: 724px;
  height: 100%;
  /*margin-bottom: 20px !important;*/
}

.modal .modal-dialog.audit-dialog .modal-content .modal-body {
	width: 700px !important; /*add by wl*/
}


.tabModal.modal .modal-dialog .modal-content .modal-body {
  /*max-height: 674px;*/
  max-height: 520px;
  max-height: 520px;
  /*overflow: hidden !important;/*add by wl*/
}

.tabModal .tab-content {
  padding: 0px;
}

[ice-single-form].modal .modal-dialog .modal-content .modal-body>:first-child:last-child {
  margin-bottom: 0px !important;
  background-color: #1c1c1c;
}

.modal .modal-dialog .modal-content .steps .stepsBody.modal-body form {
  margin-bottom: 20px;
  /* max-height: 370px; */
  /* overflow: auto; */
}

.alertLevelBtn {
  text-align: left;
  margin-right: 5px;
  margin-left: 0px !important;
  padding: 6px 5px !important;
}

@media (max-Height: 782px) {

  .modal .modal-dialog,
  .modal .modal-dialog .modal-content {
    max-height: 550px;
  }

  .modal .modal-dialog .modal-content .modal-body {
    max-height: 446px;
  }

  .modal .modal-dialog .modal-content .steps .stepsBody.modal-body {
    max-height: 465px;
  }

  .modal .modal-dialog .modal-content .steps .stepsBody.modal-body form {
    margin-bottom: 20px;
    max-height: 370px;
    overflow: auto;
  }

  .tabModal .modal-body {
    max-height: 376px !important;
  }

  .modal .modal-dialog .modal-content .modal-body:not(#designView):not(.troubleshooting .modal-dialog .modal-content .modal-body) {
    max-height: 426px !important;
  }

  .alertDetailModal.modal .modal-dialog .modal-content .modal-body:not(#designView):not(.troubleshooting .modal-dialog .modal-content .modal-body) {
    max-height: 376px !important;
  }

  .alertChartModal .modal-content,
  .alertChartModal .modal-dialog,
  .alertChartModal .modal-content,
  .alertChartModal .modal-dialog .modal-content {
    height: 376px;
  }

  .alertLevelBtn {}

  #incidentDefineMadal .modal-body textarea.form-control {
    height: 52px;
  }
}
.col-md-12>.tab-content{
	background: #1c1c1c;
}
.modal-dialog .modal-content .modal-footer {
  padding: 20px 20px 20px 20px;
  border-top: none;
  text-align: center;
  color: #e3e2e2;/* add for ice*/
  background-color: #1c1c1c; /* add for ice*/
}

.modal-dialog .modal-content .modal-footer input[type='button'].conform:active:hover,
.modal-dialog .modal-content .modal-footer button.conform:active:hover,
.modal-dialog .modal-content .modal-footer a.btn.conform:active:hover {
  background-color: #30a6d5;
}

/* .modal .modal-dialog .modal-content .modal-footer input[type='button'].conform:disabled,
.modal .modal-dialog .modal-content .modal-footer button.conform:disabled,
.modal .modal-dialog .modal-content .modal-footer a.btn.conform:disabled {
  background-color: #aed5e4;
  color: #e6e6e6;
} */

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

.form-group.under-line {
  border-bottom: 1px solid #f0f2f5
}

.modal-body .form-group:last-child,
.lastRow .form-group {
  margin-bottom: 0px;
}


/*modify by wwei 20210114*/
input:not(.input-lg),
input.form-control:not(.input-lg),
.form-group input.form-control:not(.input-lg) {
  height: 34px !important;
  /*background-color: #ffffff;*/
  background-color: transparent !important;

  border-color: rgb(44, 48, 54) !important;
  /*border-color: #929ba1 !important;*/
  color: #e3e2e2;
 /* background-color: #2c3036;*/  /*updated by wl 20191017 */
  /*border-color: #d9dfe3 !important;*/
  /*border-color: #474747 !important;*/ /*updated by wl 20191017 */
  font-size: 12px !important;
  border-radius: 0px;
}

/*add by wwei 20210114*/
textarea,
.form-group textarea.form-control {
  /*background-color: #ffffff;*/
  background-color: transparent !important;

  border-color: rgb(44, 48, 54) !important;
  /*border-color: #929ba1 !important;*/
  color: #e3e2e2;
  /* background-color: #2c3036;*/  /*updated by wl 20191017 */
  /*border-color: #d9dfe3 !important;*/
  /*border-color: #474747 !important;*/ /*updated by wl 20191017 */
  font-size: 12px !important;
  border-radius: 0px;
}

.form-control{
	color: #7c8491 !important;
}

input:focus ,input.form-control:focus,.form-group input.form-control:focus,
textarea:focus,
.form-group textarea.form-control:focus{
    border-color: #262628;
    outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px #5794f2;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px #5794f2 ; /*!important*/
}

input:hover ,input.form-control:hover,.form-group input.form-control:hover,
textarea:hover,
.form-group textarea.form-control:hover{
	border-color: #1890fe !important;
}

input[readonly],
.form-group input.form-control[readonly],
textarea[readonly],
.form-group textarea.form-control[readonly],
input[disabled],
.form-group input.form-control[disabled],
textarea[disabled],
.form-group textarea.form-control[disabled] {
  background-color: #484848;
  opacity: .6;
  filter: alpha(opacity=60);
}
/*add by wl for topo侧栏 文本宽度 */
nz-form-label.ant-form-item-label {
    width: 30%;
}

ice-dynamic-form nz-form-label.ant-form-item-label {
    width: 50%;
}
/*add by wl for topo顶部按钮选中高亮 */
.btn-group>a.btn.btn-black.btn-white-without-border:focus {
    color: #1890fe !important;
}
/*add by wl for topo顶部按钮鼠标划过高亮 */
.btn-group>a.btn.btn-black.btn-white-without-border:hover {
    color: #1890fe !important;
}

.dataTables_scrollBody tbody > tr > .selected {
    background-color: #1890fe !important;
}


.login-v2 input.form-control {
  background: rgba(0, 0, 0, .4);
  color: #e3e2e2;
  height: 46px;
  color: #fff;
}

.form-group label {
  font-size: 12px;
  color: #e3e2e2;
}

/*textarea, modify by wwei 20210114*/
/*.form-group textarea.form-control {*/
/*  height: 142px;*/
/*}*/

.nya-bs-select {
  height: 34px;
  background-color: #e3e2e2;
  border: none;
  color: #2d353c;
  font-size: 12px;
  border-radius: 0px;
  padding: 0;
}

.nya-bs-select>.btn {
  font-size: 12px;
  /*border: #d9dfe3 solid 1px !important;*/
  /*border: #474747 solid 1px !important;*/
  border-color: rgb(44, 48, 54) !important;
  background-color: #1c1c1c !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  height: 100%;
  padding: 9px
}
.nya-bs-select>.btn:hover{
  border-color: #1890fe !important;
}
.dropdown-menu>li>a:focus {
  background-color: #FFF;
}

.nya-bs-select .dropdown-toggle .caret {
  width: 9px;
  height: 9px;
  color: #e3e2e2;
  border-width: 4px;
}

.nya-bs-select.btn-group .dropdown-menu li a {
  height: 28px;
  padding-top: 8px;
  font-size: 12px;
  color: #e3e2e2;
    min-width: 100%;
  width: max-content;
}

.nya-bs-select.btn-group .dropdown-menu li a:hover {
  color: #e3e2e2;
  background-color: #2c3036 !important;
  /*background-color: #FFFFFF;*/
}

.nya-bs-select.btn-group .dropdown-menu li.selected a {
  color: #e3e2e2;
  background-color: #1890fe !important;
}
.nya-bs-select.btn-group .dropdown-menu li.no-search-result {
    background: #2c3036 !important;
}
.nya-bs-select.btn-group .dropdown-menu li.active a {
  background-color: #2c3036;
}

.nya-bs-select.btn-group .dropdown-menu li.selected a .check-mark {
  margin-top: 10px;
}

input[type=checkbox]:before,
input[type=radio]:before {
  color: #1890fe;
  content: url('../../image/icon/check.svg');
  font-size: 23px;
  position: absolute;
  top: -6.8px;
  left: 0px;
}

.design-property-pannel input[type=checkbox]:before,
tr input[type=checkbox]:before
/*, label input[type=checkbox]:before */
  {
  /*top: -15px;*/
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
  content: url('../../image/icon/check_checked.svg');
}

tr input[type=checkbox] {
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: 18px;
}

.checkbox-inline,
.radio-inline {
  overflow: hidden;
}

input[type=checkbox],
input[type=radio] {
  border: none;
  height: 0px !important;
  width: 18px;
  position: relative;
  appearance: button;
  -moz-appearance: button;
  /* Firefox */
  -webkit-appearance: button;
  /* Safari 和 Chrome */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  ;
  padding: 0;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
}

@media (max-width: 650px) {
  #viewoptions .input-group.search_txt {
    -webkit-box-ordinal-group: 2;
    order: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .input-group.search_txt+div {
    display: none;
  }
}

.input-group.search_txt {
  margin-top: 3px;
  position: relative;
  display: block;
  height: 34px;
}

.input-group.search_txt input {
  font-family: '微软雅黑';
  font-size: 14px;
  width: 100%;
  /*color: #2d353c;*/
  color: #e3e2e2;
  border-radius: 0px !important;
  padding-left: 38px;
  height: 34px;
}

.input-group.search_txt .input-group-addon {
  position: absolute;
  z-index: 2;
  top: 9px;
  left: 15px;
  border: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  padding: 0px;
}

.input-group.search_txt input:focus {
  z-index: 1;
  border: 1px solid #ccd0d4;
}

.input-group.search_txt .input-group-addon:before {
  content: url('../../image/icon/search.png');
}

.form-horizontal .form-group {
  margin-left: unset;
  margin-right: unset;
}

.alertBtn {
  width: unset;
  border: unset;
  padding: 0px;
  height: 34px;
}

.mutiBtns {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  margin: 0 19px !important;
}

.mutiBtns tr+tr td>button {
  margin-top: 5px;
}

.calendarTable button,
.mutiBtns button {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2c3036 !important;
}

.iconBtn.ibtn_leftall>img {
  content: url('../../image/icon/iallleft.png');
}

.iconBtn.ibtn_leftall:hover>img {
  content: url('../../image/icon/iallleft_hover.png');
}

.iconBtn.ibtn_rightall>img {
  content: url('../../image/icon/iallright.png');
}

.iconBtn.ibtn_rightall:hover>img {
  content: url('../../image/icon/iallright_hover.png');
}

.calendarTable .ibtn_right>img,
.iconBtn.ibtn_right>img {
  content: url('../../image/icon/iright.png');
}

.calendarTable .ibtn_right:hover>img,
.iconBtn.ibtn_right:hover>img {
  content: url('../../image/icon/iright_hover.png');
}

.calendarTable .ibtn_left>img,
.iconBtn.ibtn_left>img {
  content: url('../../image/icon/ileft.png');
}

.calendarTable .ibtn_left:hover>img,
.iconBtn.ibtn_left:hover>img {
  content: url('../../image/icon/ileft_hover.png');
}

.iconBtn.ibtn_up>img {
  content: url('../../image/icon/up.png');
}

.iconBtn.ibtn_up:hover>img {
  content: url('../../image/icon/up_hover.png');
}

.iconBtn.ibtn_down>img {
  content: url('../../image/icon/down.png');
}

.iconBtn.ibtn_down:hover>img {
  content: url('../../image/icon/down_hover.png');
}

.anticon {
    /*color: rgba(1, 1, 1, 1) !important;*/
	color: rgb(255, 255, 255) !important;  /*added by wl */
}

.collapse-tree,.collapse-handler{
    background-color: transparent !important;
}

.collapse-tree .anticon,.collapse-handler .anticon {
	color:#7c8491 !important;

}
.collapse-tree .anticon:hover,.collapse-handler .anticon:hover {
	color:#1890fe !important;
}
.treeOpenMenu .collapse-panel:hover + .collapse-tree .anticon {
	color:#1890fe !important;
}

.treeOpenMenu {
    border-left: #2c3036 1px solid !important;
}
nz-content{
    /*margin: 5px 10px 5px 10px !important;*/
    margin: 5px 25px 10px 25px;
}


.drop-box {
    background: transparent !important;
    border: 1px dashed #DDD !important;
    width: 510px !important;
    padding: 40px 10px !important;
	text-align:center;
}

.nav-tabs {
  height: 50px;
  background-color: #fff;
}

.nav-tabs>li>a {
  line-height: 27px;
  height: 47px;
  padding: 10px 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover {
  color: #1890fe;
  cursor: pointer;
  margin-right: 0px;
}

.nav-tabs li {
  margin-left: 20px;
}

.view-design-sidebar .nav-tabs li,
#viewPage .nav.nav-tabs>li {
  margin-left: unset;
}

.treeview .nav.nav-tabs>li {
  margin-left: 20px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#viewPage .nav-tabs,
#viewPage .nav-tabs>li,
#viewPage .nav-tabs>li>a {
  height: 30px;
}

/*nav-tabs下边框*/

.nav-tabs.underline {
  /*border-bottom: 1px solid #f0f0f0 !important;  for ice*/
  border-bottom: 1px solid #1c1c1c !important;
}
/*
.nav-tabs.underline li {
  border-bottom: 2px solid #fff;
}
*/
/*
.nav-tabs.underline li.active {
  border-bottom: 4px solid;
  border-color: #1890fe;
}
*/

/* alertLogModal定制 */

.alertLogModal .dt-buttons {
  border: none;
}

.alertLogModal .dataTables_wrapper>div.row:first-child {
  /* border: #d9dfe3 solid 1px; */
  background: #FFF;
  margin: 0;
  height: 54px;
}

.alertLogModal .dataTables_wrapper>div.row:first-child>div:last-child {
  padding-top: 10px;
}

.ngdialog .ngdialog-content>div {
  margin: -1em;
}

.ngdialog .modal-dialog {
  width: auto;
  margin: auto;
}

.ngdialog .modal-dialog .modal-body {
  padding: 20px;
  font-size: 12px;
  color: #e3e2e2;/* add for ice*/
  background-color: #1c1c1c; /* add for ice*/
}

.cmdbIndex>div:first-child>div:first-child>.tab-content {
  padding: 5px;
  padding-right: 0px;
}

.tabModal .nav-tabs {
  margin-top: 10px;
  height: 40px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #1c1c1c;
}

.tabModal .nav-tabs>li:first-child {
  margin-left: 0px;
}

.tabModal .nav-tabs>li>a {
  padding-top: 0;
  height: 37px;
}

[ice-single-form].modal .modal-dialog .modal-content .modal-body {
  margin-bottom: 0;
}

.steps-indicator li.current a:before,
.steps-indicator li.done a:before {
  background-color: #1890fe !important;
}

#incidentRelationMadal .modal-body,
#dataskModal .modal-body,
#groupform .modal-body {
  overflow: visible !important;
}

#dataskModal .form-group>div>.col-md-10 {
  padding-left: 0px;
}

.alertLevelBtn>span {
  margin-left: 2px;
}

.btn-group.dropBtn>.btn.iconTxtBtn:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn-group.dropBtn>.btn.dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.glyphicon-pushpin:before,
.glyphicon-ok:before {
  content: '' !important;
}
.table-striped>tbody>tr:nth-of-type(odd){
  background-color:Rgba(0,0,0,0);
}
.no-padding {
  padding: 0;
}

/* new style end */

.dataTables_wrapper {
  height: 100%;
}

#showcase-fixedcolumns th,
#showcase-fixedcolumns td {
  white-space: nowrap;
}

#showcase-fixedcolumns_wrapper.dataTables_wrapper {
  width: 800px;
  margin: 0 auto;
}

.btn.btn-nya {
  color: #555;
  border-color: #b6c2c9;
  background: #fff;
}

.nya-bs-select .btn.btn-default,
.nya-bs-select .btn.btn-default.active,
.nya-bs-select .btn.btn-default:active,
.nya-bs-select .btn.btn-default:focus,
.nya-bs-select .btn.btn-default:hover,
.nya-bs-select .open .dropdown-toggle.btn-default {
  /*color: #555;
  border-color: #b6c2c9;
  background: #fff;
  */
  color: #e3e2e2;
  border-color: #2c3036;
  background: #2c3036;

}

table.dataTable td {
  word-break: break-all;
}

/* datatable样式调整 Start*/

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  vertical-align: middle !important;
}

.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>td {
  padding: 7px 15px !important;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border-right-width: 0 !important;
}

/* datatable样式调整 End*/

.process-vic {
  margin-bottom: 0 !important;
}

legend {
  font-size: 17px !important;
  margin-left: 10px;
}

.dropdown-header {
  margin-left: 10px !important;
}

div.dataTables_wrapper div.dataTables_length label {
  /* padding-top: 4px !important; */
  /* color: #707478 !important; */
  display: flex;
  align-items: center;
}


.ant-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    background: #1c1c1c !important;
}

.panel-title {
  font-size: 15px !important;
}

.tab-content {
  margin-bottom: 0 !important;
  background: #1c1c1c; /*new add for ice*/
  border-radius: 0px;/*new add for ice*/
}

.col_class {
  color: #000;
}

.cos_class {
  color: #f5f683;
}

.table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child {
  border-right-width: 1px !important;
}

/* input[type=checkbox], input[type=radio] {
  position: relative;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  vertical-align: bottom;
  border: 1px solid #b9bbbe;
  border-radius: 1px;
  background: #fff;
} */

section form {
  padding-top: 30px;
}

.showLoading {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .5;
  border-radius: 0 0 4px 4px;
  background: #d9e0e7;
  filter: alpha(opacity=90);
}

.showSpinner {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0 0 4px 4px;
}

.bootstrap-select .dropdown-menu {
  max-width: 200px;
}

.bootstrap-select .dropdown-menu span.text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bootstrap-select.btn-group .btn .filter-option {
  text-overflow: ellipsis;
}

.nya-bs-select .dropdown-menu {
  max-width: 200px;
  background-color: #2c3036;/* add for ice*/
  color: #e3e2e2; /* add for ice*/
}

.nya-bs-select .dropdown-menu span.text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nya-bs-select.btn-group .btn .filter-option {
  text-overflow: ellipsis;
}

/* revised by wl */

.navbar.navbar-inverse .navbar-brand,
.sidebar .nav>li.active>a,
.sidebar .nav>li.active>a:focus,
.sidebar .nav>li.active>a:hover,
.page-sidebar-minified .sidebar .nav>li.has-sub.active:focus>a,
.page-sidebar-minified .sidebar .nav>li.has-sub.active:hover>a,
.page-sidebar-minified .sidebar .nav>li.has-sub.active>a,
.label.label-theme,
.btn.btn-scroll-to-top {
  background: #0af;
}

/* revised by wl */

.content {
  padding: 13px 20px;
}

/* revised by wl */

.col-md-12 {
  padding-right: 0;
  padding-left: 0;
}

/* revised by wl  not neccessary */

.panel {
  margin-bottom: 0;
}

/*===============Chrome滚动条========================*/

::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
 /* background-color: #fafafa;*/
 background-color: #1c1c1c;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  /*display: none;*/
  /* 10 */
}
::-webkit-scrollbar-thumb:hover {
   background: rgba(157, 165, 183, 0.7)
}
::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  height: 5px;
  /*background-color: #2c3036;*//*6b6c6d*/
  background-color: #4a515b;

}

::-webkit-scrollbar-resizer {
  background-color: #ff0bee;
}

/*===============Chrome滚动条========================*/

.specColor {
  color: #1890fe;
}

.login-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.login-v2 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -89px 0 0 -225px;
}

.login-v2 .login-header .brand small {
  font-size: 12px;
}

@media (max-width: 767px) {
  .login.login-v2 {
    width: 450px;
    margin: -89px 0 0 -225px;
  }

  .login .login-header {
    left: 50%;
  }
}

.login .login-header {
  font-family: 微软雅黑;
  width: 541px;
  margin-left: -248px;
}

.login .login-header .brand,
.navbar-logo {
  border: none;
}

.login .login-header .brand {
  font-size: 24px;
  padding-left: 100px;
  background-position: left center;
  background-size: 48px;
}

.navbar-logo {
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-right: 5px;
  opacity: 1;
  background-position: center;
  background-size: contain;
}

#viewSettingForm .col-md-4 {
  margin-bottom: 5px;
}

#viewSettingForm input {
  margin-right: 5px;
}

/* ci自动发现 */

.ciDiscoverWindow .modal-dialog,
.ciDiscoverWindow .modal-content {
  /* height: 600px; */
}

.ciDiscoverWindow .modal-content .modal-body {
  /* height: 477px !important; */
}

.ciDiscoverWindow .modal-body {
  height: calc(100% - 110px);
  padding: 70px 35px;
}

.ciDiscoverWindow .modal-body .row:last-child {
  /* margin-top: 50px; */
  padding: 0px 15px;
}

/* 告警列设置 */

.alertColSetWindow .modal-dialog,
.alertColSetWindow .modal-dialog .modal-content {
  width: 900px;
}

.alertColSetWindow .modal-header,
.alertColSetWindow .modal-footer {
  border-style: none;
}

.alertColSetWindow .modal-footer {
  text-align: center;
}

.alertColSetWindow .modal-body {
  padding: 15px 40px;
  height: 550px;
}

.alertColSetWindow .modal-body .table {
  height: 410px;
  width: 100%;
  margin-bottom: 0px;
}

.alertColSetWindow .modal-body .table .thead {
  width: 837px;
  background-color: #e3e7ea;
  display: -webkit-flex;
  align-items: center;
}

.alertColSetWindow .modal-body .table .thead .td {
  height: 35px;
}

.alertColSetWindow .modal-body .table .row {
  margin: 0px;
}

.alertColSetWindow .modal-body .table .td {
  width: 165px;
  border: #e3e7ea 1px solid;
  float: left;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.alertColSetWindow .modal-body .table .tbody .td:last-child {
  text-align: center;
  border-right-style: none;
  display: flex;
  justify-content: center;
}

.alertColSetWindow .modal-body .table .tbody .td:last-child i {
  float: left;
  cursor: pointer;
  width: 18px;
  height: 18px;
  /* border: #e3e7ea 1px solid; */
  text-align: center;
}

.alertColSetWindow .modal-body .table .tbody .td:last-child i:hover {
  /* color:#FF0000; */
}

.alertColSetWindow .modal-body .table .tbody .td:last-child i:last-child {
  margin-left: 10px;
}

.alertColSetWindow .modal-body .table .tbody .td:last-child i.emptyIcon {
  border: none;
}

.alertColSetWindow .modal-body .table .tbody .td i.fa-angle-up {
  content: url(../../image/icon/up.png);
}

.alertColSetWindow .modal-body .table .tbody .td i.fa-angle-up:hover {
  content: url(../../image/icon/up_hover.png);
}

.alertColSetWindow .modal-body .table .tbody .td i.fa-angle-up:before {
  content: none;
}

.alertColSetWindow .modal-body .table .tbody .td i.fa-angle-down {
  content: url(../../image/icon/down.png);
}

.alertColSetWindow .modal-body .table .tbody .td i.fa-angle-down:hover {
  content: url(../../image/icon/down_hover.png);
}

.alertColSetWindow .modal-body .table .tbody .td i.fa-angle-down:before {
  content: none;
}

.alertColSetWindow .modal-body .table .tbody {
  overflow: auto;
  width: 837px;
  height: 375px;
  list-style-type: none;
  padding-left: 0px;
  border-right: #e3e7ea 1px solid;
  margin-bottom: 0px;
}

.alertColSetWindow .modal-body .table .tbody .td {
  height: 48px;
}

.flex-row {
  display: flex;
}

.flex-row div {
  flex: 1 0 auto;
}

.flex-row .btn-group {
  flex-grow: 0;
}

.search-form {
  position: relative;
  float: right;
  padding-top: 5px;
  height: 40px;
  margin-left: 2px;
}

.emptyIcon:before {
  content: '\2002';
}

.page-sidebar-minified #myContent {
  width: calc(100% - 60px);
}

#myContent {
  /* height: 100%;
    width: calc(100% - 220px); // 220px;*/
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  display: none;
  background-color: rgba(0, 0, 0, 0);
}

#myContent.showLoading {
  display: block;
}

.processing {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: relative;
}

.processing img {
  width: 30px;
  height: 30px;
  position: absolute;
  /* top:calc(50% - 40px);
    left:calc(50% - 40px); */
}

.alertModal {
  z-index: 2147483648 !important;
}

.ngdialog {
  z-index: 2147483648 !important;
}

.ciDiscoverRuleWindow .text-danger {
  margin-right: 3px;
}

.ciDiscoverRuleWindow .modal-body {
  padding: 40px;
}

.alertChartModal .modal-content,
.alertChartModal .modal-dialog,
.alertChartModal .modal-content,
.alertChartModal .modal-dialog .modal-content {
  height: 100%;
}

.troubleshooting .modal-dialog {
  width: auto;
  margin: 0;
  top: 5px;
  bottom: 5px;
  right: 5px;
  left: 5px;
  position: fixed;
  max-height: unset;
}

.troubleshooting.modal .modal-dialog .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: unset;
}

.troubleshooting.modal .modal-dialog .modal-content .modal-body {
  flex-grow: 1;
  overflow: hidden;
  background-color: #f6f6f6;
  max-height: unset;
  margin-bottom: 0px !important;
}

div[grid-params] td {
  position: relative;
}

.list-from-ctrl>div {
  display: flex;
  align-items: center;
}

.list-from-ctrl>div>* {
  float: left;
}

.list-from-ctrl>div:first-child>input,
.list-from-ctrl>div:last-child>input {
  width: calc(100% - 100px);
}

.list-from-ctrl>div>input {
  width: calc(100% - 130px);
}

.mulitdropcol ul li span.glyphicon {
  right: calc(100% - 18px) !important;
}

.intanceWindow,
.intanceDetailWindow,
.comparWindow {
  z-index: 11000 !important;
}

.intanceWindow .tab-content,
#detailModal .tab-content {
  padding: 0;
}
.modal-footer .btn {
  font-size: 12px !important;
  color: #7c8491 !important;
  background-color: #2c3036 !important;
  border-color: #2c3036 !important;
}

table.dataTable tbody>tr>.selected{
   background-color: transparent !important;
}
.nav>li>a:focus, .nav>li>a:hover{
   background: transparent;
}
.input-group .form-control:first-child{
	width:100%;
}
#importPageModal .col-md-5{
	width: auto !important;
}
/*
.date .input-group-addon:last-child{
	background: #2c3036;
}
*/
/*
table.dataTable>tbody>tr:hover td:first-child {
    border-left: 1px solid #1890fe;
}
table.dataTable>tbody>tr:hover td {
    border-top: 1px solid #1890fe;
    border-bottom: 1px solid #1890fe;
}
table.dataTable>tbody>tr:hover td:last-child {
    border-right: 1px solid #1890fe;
}
*/