/**左侧导航**/
.tyc-sidebar-icon{width:40px;height:26px;display:block;margin:0 auto;background:url(../images/tyc-sidebar-icon-alarm.png) no-repeat;}
/*警报日志*/
.tyc-sidebar-icon-alarmlog{background-position:center -5px;}
.tyc-sidebar-nav-a:hover .tyc-sidebar-icon-alarmlog,.tyc-sidebar-nav-a.current .tyc-sidebar-icon-alarmlog{background-position:center -31px;}
/*警报列表*/
.tyc-sidebar-icon-alarmlist{background-position:center -57px;}
.tyc-sidebar-nav-a:hover .tyc-sidebar-icon-alarmlist,.tyc-sidebar-nav-a.current .tyc-sidebar-icon-alarmlist{background-position:center -83px;}
/*自有点列表*/
.tyc-sidebar-icon-freePointMon{background-position:center -120px;}
.tyc-sidebar-nav-a:hover .tyc-sidebar-icon-freePointMon,.tyc-sidebar-nav-a.current .tyc-sidebar-icon-freePointMon{background-position:center -150px;}


/**警报日志**/
.sorting span, .sorting_desc span, .sorting_asc span {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding-right: 13px;
    background: url(../images/sorting-icon.png) no-repeat;
    cursor: pointer;
}

.sorting span {background-position: right 0;}
.sorting_desc span {background-position: right -36px;}
.sorting_asc span {background-position: right -18px;}

/**分页**/

.tyc-alarm-pages{margin-top: 32px;height: 18px;width: 100%;line-height: 18px;padding-bottom: 110px;}
.tyc-alarm-pages-content{margin: 0 auto;display: table;}
.tyc-alarm-pages-num li a.pre,.tyc-alarm-pages-num li a.next{
    display: block;
    width: 6px;
    height: 10px;
    margin-top: 4px;
}
.tyc-alarm-pages-num li a.pre{background: url(../images/page-pre.svg) no-repeat;}
.tyc-alarm-pages-num li a.next{background: url(../images/page-next.svg) no-repeat;}
.tyc-alarm-pages-num li a:link,.tyc-alarm-pages-num li a:visited{color: #666;}
.tyc-alarm-pages-num li a:hover{color: #009FE8;}
.tyc-alarm-pages-num li a:active{color: #009FE8;}
.tyc-alarm-pages-num li a.current{color: #009FE8;}
.tyc-alarm-pages-num li a.disable{cursor: not-allowed;}
.tyc-alarm-pages-num li+li{margin-left: 18px;}
.tyc-alarm-pages-num li:nth-child(2){margin-left: 28px;}
.tyc-alarm-pages-num li a.next{margin-left: 10px;display: block;}
.tyc-alarm-pages-set{margin-left: 20px;position: relative;}
.tyc-alarm-ps-num{cursor: pointer;}
.pages-set-icon{
    background: url(../images/page-down.svg) no-repeat;
    display: inline-block;
    width: 8px;
    height: 4px;
}
.tyc-alarm-ps-dropdown{
    position: absolute;
    left: 0px;
    top: 24px;
}
.tyc-alarm-ps-dropdown li{
    height: 24px;
    line-height: 24px;
    cursor: pointer;
}


/**警报详情 时间轴**/
.tyc-alarm-timeline{
    border: 1px solid #B2B2B3;
    border-radius: 4px;
    padding: 36px;
    width: 100%;
    overflow-x: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}
.tyc-alarm-timeline::-webkit-scrollbar-track{border-radius: 6px;background-color:rgba(234,234,234,0.2);}
.tyc-alarm-timeline::-webkit-scrollbar{width: 100%;height:12px;border-radius: 6px;background-color:rgba(234,234,234,0.2);}
.tyc-alarm-timeline::-webkit-scrollbar-thumb{border-radius: 6px;background-color:rgba(195,200,203,0.8);}
.tyc-alarm-timeline li{width: 170px;display: inline-block;position: relative;}
.tyc-alarm-timeline li+li{margin-left: 50px;}
.tyc-timeline-time{font-size: 12px;color: #666;}
.tyc-timeline-time span{display: block;text-align: center;}
.tyc-timeline-time span:first-child{color: #989898;}
.tyc-timeline-circle{margin-top: 6px;height: 20px;position: relative;}
.tyc-circle-orange{background: #FF9700;}
.tyc-circle-red{background: #FF2400;}
.tyc-circle-green{background: #1EA534;}
.tyc-tc-normal{
    display: block;
    position: absolute;
    left: 79px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 2px;
}
.tyc-timeline-detail{padding-top: 14px;padding-bottom: 10px;line-height: 18px;clear: both;}
.tyc-timeline-detail span{display: block;text-align: center;float:left;width:100%;}
.tyc-timeline-detail span:nth-child(2){word-break: break-all;white-space: normal;}
.tyc-alarm-timeline li:hover{cursor: pointer;}
.tyc-alarm-timeline li:hover .tyc-td-orange{background:url(../images/timeline-border.svg) left no-repeat;cursor: pointer; width: 170px;
    height:68px;}
.tyc-alarm-timeline li:hover .tyc-td-red{background:url(../images/timeline-border-red.svg) left no-repeat;cursor: pointer;width: 170px;
    height:68px; }
.tyc-alarm-timeline li:hover .tyc-td-green{background:url(../images/timeline-border-green.svg) left no-repeat;cursor: pointer;width: 170px;
    height:68px; }
.tyc-timeline-arrow{
    position: absolute;
    width: 210px;
    height: 14px;
    background: url(../images/timeline-hr.svg) left no-repeat;
    left: -131px;
    top: 41px;
    z-index: 1;
}
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-td-orange{background: url(../images/timeline-click-orange.svg) left no-repeat;color: #fff;width: 170px;
    height:68px;}
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-td-red{background: url(../images/timeline-click-red.svg) left no-repeat;color: #fff;width: 170px;
    height:68px;}
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-td-green{background: url(../images/timeline-click-green.svg) left no-repeat;color: #fff;width: 170px;
    height:68px;}
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-circle-orange,
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-circle-red,
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-circle-green{
    background: #fff;
    top: -2px;
    left: 76px;
    z-index: 2;
    width:16px;
    height:16px;
}
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-circle-orange{border: 4px solid #FF9700;}
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-circle-red{border: 4px solid #FF2400;}
.tyc-alarm-timeline li.tyc-timeline-clicked .tyc-circle-green{border: 4px solid #1EA534;}
.tyc-alarm-dchart-icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #FF9700;
    position: relative;
    top: 2px;
    margin-right: 4px;
}
.ml-24{margin-left: -24px;}
.grey-line{height: 1px;background: #CACACA;margin:0px;margin-bottom: 16px;}

/**新建警报**/
.tyc-alarm-new-qzlx *{
-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;}
.tyc-alarm-new-qzlx{
    position: relative;
    line-height: 30px;
    height: 30px;
    padding-bottom: 56px;
    /*margin-right: 20px;*/
    margin-left: -4px;
}
.tyc-alarm-new-qzlx span,.tyc-alarm-new-qzlx input{display: inline-block;}
.tyc-alarm-new-qzlx span,.tyc-alarm-new-qzlx input{margin-left: 16px;}
.tyc-alarm-new-qzlx span:first-child{margin-left: 0px;}
.tyc-alarm-new-qzlx
.qzlx-line{width: 85px;height: 1px;background: #666;position: relative;display: inline-block;}
.qzlx-green{color: #30B457;left: 30px;}
.qzlx-orange{color: #FF5400;left: 20px;}
.qzlx-red{color: #DC0303;left: 20px;}
.tyc-alarm-new-qzlx em{position: absolute;font-style: normal;top: 2px;}
.w36{width: 36px;padding: 0 2px;}
.tyc-xnzb-wrap{position: relative;}
.tyc-xnzb-wrap .btn{text-align: left;}
.mt-6{margin-top: -6px;}
.l-30{line-height: 30px;}
.tyc-textarea{
    width: 100%;
    padding: 2px 15px;
    border-radius: 4px;
    border: 1px solid #B3B3B3;
    min-height: 78px;
}
.transfer-wrap .transfer-left .h-154{height: 154px;}
.transfer-wrap .transfer-right .h-190{height: 190px;}
@media (min-width: 1200px){
    .ml-30{margin-left: -30px;}
    .ml-40{margin-left: -40px;}
}
@media (min-width: 992px){
    .ml-30{margin-left: -30px;}
}
.form-group>.pl-16{padding-left: 16px;}

/*2017/8/25静态下拉*/
.tyc-drop-selected{
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 30px;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    padding-right: 30px;
}
.tyc-drop-con{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tyc-drop-selected .caret{
    position: absolute;
    top: 13px;
    right: 12px;
    z-index: 10;
}
.tyc-drop-selected:hover{border-color: #009fe8;}
.tyc-drop-selected:hover .tyc-drop-con,.tyc-drop-selected-focus .tyc-drop-con{color: #009fe8;}
.tyc-drop-selected:hover .caret{border-color: #009fe8 transparent transparent;}
.tyc-drop-selected-focus{
    /*border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #009fe8;
    border-bottom:none;*/
}
.tyc-drop-selected-focus .tyc-drop-selected{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #009fe8;
    border-bottom:none;
}
.tyc-drop-selected-focus .caret,.tyc-drop-selected-focus:hover .caret{border-color: transparent   transparent #009fe8;border-style: solid;border-width: 0 4px 4px;}
.tyc-drop-selected-focus .tyc-drop-list{border-color: #009fe8;}
.tyc-drop-list-wrap{display: none;}
.tyc-drop-selected-focus .tyc-drop-list-wrap{display: block;min-height: 0px;}
.tyc-drop-list{
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-color: #66afe9;
    overflow-x: hidden;
    margin-top: -1px;
    max-height: 200px;
    left: 0px;
    overflow-y: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;*/
}
.tyc-drop-list li{
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;;
}
.tyc-drop-list li:hover{
    cursor: pointer;
    background-color: #e9f7ff;
}


/**暂无数据**/
.tyc-alarm-nodata{
    color: #686868;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 88px;
    padding-bottom: 200px;
}
.tyc-alarm-nodata span{
    display: table;
    margin: 0 auto;
    /* background: url(../images/no-data.svg) left no-repeat; */
    background: left no-repeat;
    padding-left: 50px;
    font-size: 16px;
}

/**警报配置详情页 str**/
.tyc-ad-title{
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    background: #f3f3f3;
    margin-bottom: 6px;
}
.tyc-deploy-container{
    padding-top: 20px;
    background: #eee;
}

/**弹层**/
.tyc-alarm-alert .modal-footer{text-align: right;}
.tyc-alarm-alert-in .modal{opacity: 1;display: block;}
.tyc-alarm-alert-in .modal .modal-dialog {
    margin-top: 10%;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);}
.tyc-alarm-alert-in .modal-backdrop{opacity: .5;}

/*.unit-dropdown{
    display: inline-block;
    float: none;
    padding: 0px 2px;
    position: relative;
    top: 10px;
    margin-right: 10px
}
.unit-dropdown .btn{
    min-width: 2px;
    padding: 5px 8px;
}*/


/*2017/8/25静态下拉*/
.tyc-drop-selected{
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 30px;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    padding-right: 30px;
}
.tyc-drop-con{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tyc-drop-selected .caret{
    position: absolute;
    top: 13px;
    right: 12px;
    z-index: 10;
}
.tyc-drop-selected:hover{border-color: #009fe8;}
.tyc-drop-selected:hover .tyc-drop-con,.tyc-drop-selected-focus .tyc-drop-con{color: #009fe8;}
.tyc-drop-selected:hover .caret{border-color: #009fe8 transparent transparent;}
.tyc-drop-selected-focus{
    /*border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #009fe8;
    border-bottom:none;*/
}
.tyc-drop-selected-focus .tyc-drop-selected{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #009fe8;
    border-bottom:none;
}
.tyc-drop-selected-focus .caret,.tyc-drop-selected-focus:hover .caret{border-color: transparent   transparent #009fe8;border-style: solid;border-width: 0 4px 4px;}
.tyc-drop-selected-focus .tyc-drop-list{border-color: #009fe8;}
.tyc-drop-list-wrap{display: none;}
.tyc-drop-selected-focus .tyc-drop-list-wrap{display: block;min-height: 0px;}
.tyc-drop-list{
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-color: #66afe9;
    overflow-x: hidden;
    margin-top: -1px;
    max-height: 200px;
    left: 0px;
    overflow-y: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;*/
}
.tyc-drop-list li{
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;;
}
.tyc-drop-list li:hover{
    cursor: pointer;
    background-color: #e9f7ff;
}


/**动态阈值 内部下拉框新增样式**/
.tyc-drop-inline{
    display: inline-block;
    /* width: 16px; */
    position: relative;
    top: 10px;
    margin-right: 26px;
}
.tyc-drop-inline .tyc-drop-selected{padding: 0px 16px;}
.tyc-drop-inline .caret{right: 8px;}
.transfer-wrap ul.tyc-drop-list>li {padding: 0px 16px;}
/* .tyc-drop-con{min-width: 180px;} */

.has-error-input{border-color: #eb694f;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 }


.form-group .checkbox,.form-group .radio{margin:3px 16px 0 0;}
.mb-8{margin-bottom: 8px!important;}
.no-resize{resize:none;}

/*彈窗*/
.modal-body td{
    word-wrap:break-word;
    word-break:break-all;
    width:85%;}
/*
.modal{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    overflow-y: hidden;
}
.modal-dialog{
    width：80%;
}
.modal-body{
    height:600px;
    overflow-y: auto;
}*/
.plr-10{padding: 0 10px;}
.caret-6{position: relative;right: -6px;}
@media screen and (min-width: 992px){
    .form-group.row>div.pleft-8 {
        padding-left: 8px;
    }
}

.tyc-loading-wrap{position: relative;}
.tyc-loading-shade{position: absolute;width: 100%;bottom: 18px;top: 43px;left: 0px;right: 0px;background: rgba(0,0,0,.1);z-index: 80;}
.tyc-loading-main{position: absolute;z-index: 100;top:50%;left: 50%;transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);     /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
}
@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
    background-color: #279fcf;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important; }.tyc-loading-wrap{position: relative;}
@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
    background-color: #279fcf;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important; }


.form-group .mr0{margin-right: 0px;}
.tyc-drop-grey{color: #ccc;}
.tyc-drop-grey:hover{color: #ccc;cursor: not-allowed;border-color: #ccc;}
.tyc-drop-grey:hover .tyc-drop-con{color: #ccc;}
.tyc-drop-grey:hover .caret{border-color: #ccc transparent transparent;}