/****** 新建关联规则 ******/
.rule-legend{
  width:335px;
  padding:20px;
  border:1px solid rgba(255,255,255,0.25);
  border-radius:4px;
}
.association-rule{
  height:100px;
  background:url('../images/association-rule.svg') no-repeat left top;
  background-size: contain;
}
.exclusive-rule{
  height:100px;
  background:url('../images/exclusive-rule.svg') no-repeat left top;
  background-size: contain;
}
/* 水平分割线 */
.split-line-level{
  border-top:1px solid rgba(255,255,255,.2);
}
.serial-number{
  width:40px;
  height:36px;
  line-height: 36px;
  text-align:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius: 4px;
}
/****** 新建关联规则 ******/

/***** 新建通知策略 *****/
.icon-sound{
    background: url('../images/sound.svg') no-repeat center;
    background-size: contain;
    vertical-align: sub;
}
/***** 新建通知策略 *****/
/****** 新建响应策略 ******/
.border-content{
    position:relative;
    min-height:300px;
    border:1px solid rgba(255,255,255,0.2);
}
.border-content-left{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width:360px;
    border-right:1px solid rgba(255,255,255,0.2);
}
.border-content-hd{
    padding:20px 20px 10px;
}
.border-content-bd{
    padding:0 20px 20px 0;
    height:calc(100% - 51px);
}
.border-content-section{
    margin-left:360px;
    padding:20px;
}
.event-list{
    height:100%;
}
.event-list>li{
    padding:10px 20px;
}
.event-list>li:hover,.event-list>li.active{
    background:rgba(255,255,255,.04);
}
.mb-type-smallsquare .icon-defalue{
    float: none;
    vertical-align: sub;
    margin-right:10px;
    opacity: .6;
}
.mb-type-smallsquare:hover .icon-delete{
    opacity: .8;
    background-image:url('../images/sd-delete-icon-gray.svg');
}
.connect-line-box{
    overflow: hidden;
}
.connect-line:after{
    content:"";
    position:absolute;
    top:50%;
    height:1px;
    width:100%;
    background:rgba(255,255,255,.2);

}
.connect-line-right:after{
    left:100%;
}
.connect-line-left:after{
    right:100%;
}
/* 执行动作 */
.alarm-step .step{
    width:36px;
    height:36px;
    font-size:14px;
    line-height:34px;
    color:rgba(255,255,255,.6);
    background:rgba(49,50,54,1);
    border:1px solid rgba(255,255,255,0.2);
}
.alarm-step .step-add{
    font-size: 26px;
    background: rgb(53,123,231);
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
}
.alarm-step .step:before{
    width:1px;
    background:rgba(255,255,255,.2);
    left: 18px;
    top: 38px;
    bottom: 2px;
}
.alarm-step .conf-panel{
    position:relative;
    margin-top:0;
    margin-left:0;
    border:none;
    border-radius:0;
    padding:20px;
}
.alarm-step .conf-panel:after{
    content:"";
    position: absolute;
    top:10px;
    right:100%;
    width:0;
    height:0;
    border:8px solid transparent;
    border-right-color:rgba(255,255,255,.04);
}
/****** 新建响应策略 ******/
/******* 锚点导航 ********/
.menue-title{
    font-size:20px;
    line-height:80px;
    margin-left:50px;
    color:#fff;
}
.anchor-point-menu>div{
    padding:15px 35px;
    cursor: pointer;
}
.anchor-point-menu>div.active,.anchor-point-menu>div:hover{
    background:rgba(0,0,0,.2);
}
.anchor-point-menu>div>div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0 20px;
    color:rgba(255,255,255,.8);
    border-left:2px solid transparent;
}
.anchor-point-menu>div.active>div,.anchor-point-menu>div:hover>div{
    color:rgb(53,123,231);
    border-color: rgb(53,123,231);
}
/******* 锚点导航 ********/
/***** 输入框图标 ******/
.apm-icon-cont{
    position: absolute;
    right:5px;
    top:50%;
    transform: translateY(-50%);
    white-space: nowrap;
}
.apm-icon-cont .icon{
    vertical-align: bottom;
}
/***** 输入框图标 ******/
.btn-add{
    cursor: pointer;
}
.btn-add:hover{
    color:#fff;
}
.btn-add .icon{
    height:19px;
    margin-right:5px;
    vertical-align: text-bottom;
    opacity: .6;
}
.btn-add:hover .icon{
    opacity: 1;
}
/* 页面右下角工具条 */
.toolbars{
    position: fixed;
    right:0;
    bottom:100px;
}
/* 返回顶部 */
.back-top{
    display: inline-block;
    width:50px;
    height:50px;
    border-radius: 5px;
    background: rgba(255,255,255,.3) url('../images/drop-down.svg') no-repeat center;
    background-size: 50%;
    transform: rotate(180deg);
    cursor:pointer;
    display: none;
}
/* 页面右下角工具条 */
.icon-copy-new{
    background:url('../images/copy.svg') no-repeat center;
    opacity: .6;
    vertical-align: text-top;
}
.input-unit.danger .input-default.disabled:focus,.input-unit.danger .input-default.disabled:hover{
    border-bottom-color:#E04346;
    padding-bottom:6px;
}
.input-unit.warning .input-default.disabled:focus,.input-unit.warning .input-default.disabled:hover{
    border-bottom-color:#FFA940;
    padding-bottom:6px;
}
.wukong-cascader-picker-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed !important;
}
/* 多选下拉选中样式 */
.dropdown-time-list li.disabled{
    color: rgba(255,255,255,.4) !important;
    background: none !important;
    cursor: not-allowed !important;
}
.item-check{
    display: inline-block;
    width:20px;
    height:20px;
    background:url(../images/alert-check.svg) no-repeat center;
}
/* 多选下拉选中样式 */
.dropdowm-prefix-sm .can-select,.dropdowm-prefix-sm .dropdowm-prefix-val{
    height:30px;
    padding: 3px 30px 3px 10px;
}
.chart-200{
    height:200px;
}
.chart-150{
    height:150px;
}
/* 第三方图标 */
.icon-webhook{
    background:url('../images/webhook.svg') no-repeat center;
    vertical-align: sub;
}
/* 增加按钮禁用样式 */
.mb-type-disabled .mb-newbuild-icon{
    color:rgba(255,255,255,.3);
  }
/* 多选下拉禁用样式 */
.disabled .sys-label-cont:hover {
    border-color: rgba(255,255,255,.2);
    background:transparent;
    cursor: not-allowed;
}
.disabled .sys-label{
    opacity: .8;
}
.disabled .icon-close:hover {
    opacity: .3;
    background-image: url(../images/int-close.svg);
    cursor: not-allowed;
}
.mb-type-smallsquare.mb-type-disabled .icon-delete{
    opacity: .3;
}
.mb-type-smallsquare.mb-type-disabled:hover .icon-delete{
    background-image: url(../images/sd-delete-icon.svg);
}
/* nalarm-target-filter-object禁用样式 */
.dropdowm-prefix.disabled{
    cursor: not-allowed;
    color:rgba(255,255,255,.2);
}
.dropdowm-prefix.disabled .can-select {
    border-color: rgba(255,255,255,.1);
}
.dropdowm-prefix.disabled .dropdowm-prefix-val {
    border-color: rgba(255,255,255,.1);
}
.dropdowm-prefix.disabled .dropdowm-prefix-val>.dropdown-arrow-down{
    transform: rotate(0);
    opacity: .3;
}
.dropdowm-prefix.disabled .dropdowm-prefix-val>.dropdown-wrap{
    display: none;
}


/* 故障拆分，故障合并 */
.fault-card .table > tbody > tr > td{
  border-top: 1px solid rgba(255,255,255,.2);
}
.fault-card .table > tbody > tr:last-child > td{
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.fault-card .table > tbody > tr > td .icon{
  opacity: 0;
}
.fault-card .table > tbody > tr:hover > td .icon{
  opacity: .6;
}
.icon-ai-study{
  background:url('../images/ai-study-blue.svg') no-repeat center;
  vertical-align: top;
}
/* 故障拆分，故障合并 */
/* 每月按天选择 */
.dropdown-month>li{
    float:left;
    width:14%;
    text-align:center;
}
/* 每月按天选择 */
/* 故障合并徽章+气泡 */
.merge-badge-wrap{
    position: relative;
    display: inline-block;
}
.merge-badge{
    display: inline-block;
    padding:0 5px;
    color:#fff;
    border-radius:4px;
    background:rgba(223,93,86,1);
}
.merge-badge-wrap .bubble-box{
    position: absolute;
    top:30px;
    display: none;
}
.merge-badge-wrap:hover .bubble-box{
    display: block;
}
/* 故障合并徽章+气泡 */
/* 下拉框位于上方 */
.dropdown-wrap-ontop{
    bottom: 100%;
    top: auto;
    border-top: 1px solid rgba(255,255,255,.1);
    box-shadow: none;
}
/* 下拉框位于上方 */
/* 隐藏秒 */
.laydate-time-list>li:last-child{
    display: none;
}
.layui-laydate-list>li{
    width:50% !important;
}
.icon-merge{
  background:url("../images/icon-merge.svg") no-repeat center;
}
/*.icon-merge:hover{
  background:url("../images/icon-merge-blue.svg") no-repeat center;
}*/
.icon-split{
  background: url("../images/icon-split.svg") no-repeat center;
}
.mb-type-square:hover .icon-split{
  background-image: url("../images/icon-split-gray.svg");
}
.mb-type-square.mb-type-disabled:hover .icon-split{
  background-image: url("../images/icon-split.svg");
  opacity: .3;
}