@charset "utf-8";
/* CSS Document */

body{margin:0; padding: 0; font-family: 'Lato', sans-serif;}
* {
    padding: 0;
    margin: 0
}

img {
    max-width: 100%;
}
html {
    overflow-x: hidden
}
.nomargin{margin:0}
.nopadding{padding:0}
.wrapper{width:100%; overflow: hidden;}
.container-fluid{margin: 0 83px}
.header{background:#2c2c2c; height: 123px; overflow: hidden; padding-top: 47px}
.left-header{float: left}
.right-header{float: right; font-size: 24px; color: #e6e6e6}
.stream-text{ color:#fff;font-size: 24px; padding-left: 30px;}
.right-header a{color:#bababa}
.right-header .login-text{padding-right: 28px}
.pr0{padding-right:0}
.pl0{padding-left:0}

.containter-bg{background:#e8e8e8; min-height: 750px}
.panel-block{ width:100%; display: block; margin-bottom: 10px;}
.left-nav .noc-view{ width: 34px; height: 34px; background: url(../images/noc-normal.png)no-repeat; display: inline-block; margin-right: 10px}
.left-nav .noc-view:hover{ background: url(../images/noc-hover.png)no-repeat; }
.chng-txt{ font-size:18px; color: #505050; padding-bottom: 10px; font-weight: normal}
.left-nav .grid-view{ width: 61px; height: 34px; background: url(../images/grid-view-normal.png)no-repeat; display: inline-block; margin-right: 10px}
.left-nav .grid-view:hover{ background: url(../images/grid-view-hover.png)no-repeat; }
.left-nav .img-view{ width: 58px; height: 34px; background: url(../images/img-view-normal.png)no-repeat; display: inline-block; margin-right: 10px}
.left-nav .img-view:hover{ background: url(../images/img-view-hover.png)no-repeat;}
.right-select{width: 149px;height: 40px; padding:0 10px; font-size: 18px}
.rect-box {cursor: pointer; font-size: 12px; border-radius: 4px; border: 1px solid #b1b1b1; background: #96e5b8; float: left; padding: 4px; word-break: break-all; margin-right: 5px; margin-bottom: 5px; color: #222; /* white-space: nowrap; */ /* text-overflow: clip; */ overflow: hidden; }
.rect-box:hover{text-decoration: none; color: #222}
.error-bg{background: #fc4f4f !important;; color:#fff !important;}
.warning-bg{background:#fcd44f !important;; color:#272727 !important;}
.lpt_diff-bg{background:#ceb9f4 !important;; color:#272727 !important;}
.grey-row{background: #e0e0e0 !important;;font-weight: bold !important;}
.search-icon{background: url(../images/search-icon.png)no-repeat; width: 20px; height: 20px; position: absolute; right:30px; bottom: 22px}

.date-input{ margin-top: 40px}
.filter-btn{ background: #70727b; border: 1px solid #a3a3a3; margin-top: 40px;width: 112px; padding: 3px; color: #fff; font-size: 18px;border-radius: 4px}
.pad-neutral{ padding-left:5px}
table{background: #fff}
table td,th{padding: 20px; border: 1px solid #e8e8e8}
table td{font-size:13px}
table th{font-size:16px}

.graph-error{ cursor: pointer; background: url(../images/graph-error.png) no-repeat; width: 26px; height: 20px; display: inline-block; margin-right: 5px;}
.timeleft-error{ cursor: pointer; background: url(../images/time-left-n.png) no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 5px;}
.toggle-error{ cursor: pointer; background: url(../images/toggle-w.png) no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 5px;}
.del-error{ cursor: pointer; background: url(../images/del-n.png) no-repeat; width: 20px; height: 20px; display: inline-block}
.graph-warring{ cursor: pointer; background: url(../images/graph-normal.png) no-repeat; width: 26px; height: 20px; display: inline-block; margin-right: 5px;}
.timeleft-warring{ cursor: pointer; background: url(../images/time-left-w.png) no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 5px;}
.toggle-warring{ cursor: pointer; background: url(../images/toggle-b.png) no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 5px;}
.del-warring{ cursor: pointer; background: url(../images/del-w.png) no-repeat; width: 20px; height: 20px; display: inline-block}
.del{cursor: pointer;margin:10px;}

.img-block{ width: 230px; height: 129px; float: left;border-radius: 4px; margin-right: 13px;margin-bottom: 13px;}

#chartHolder{height:500px; width:1000px;display: block; margin: 0 auto;}
.break { clear: both; float: left; display: block; position: relative; font-size: 30px; font-weight: bold;}
.s_name {  display: block; margin-bottom: 4px;}
.ip { text-decoration: underline;}

.lg-popup {padding: 10px 10px 35px; z-index: 999; display: block; width:300px; margin : 0 auto; }
#login_err{color:red; font-size: 20px; }
#login_holder{text-align: center;     padding-top: 100px;}
.lg-button {display: inline-block; background: #000; padding: 10px 20px; z-index: 0; color: #fff; }
.lg-title{width: 65px; display: inline-block; }

.info-box{ width:350px;box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);border: 1px solid #cecece;background: #fff;position: absolute;z-index: 99;left: 40%;top: 20%;border-radius:4px  }
/*.info-box:before{width: 0;height: 0;border-style: solid;border-width: 50px 60px 50px 50px;border-color: transparent #fff transparent transparent;position: absolute;top:-336px;content: '';left: -70px;bottom: 0;margin: auto;z-index: -1}*/
.close-icon{ width: 17px; height: 17px;position: absolute;top: 25px;right: 10px; background: url(../images/close-icon.png)no-repeat;cursor: pointer}

.pop-title{fotn-size:14px;color:#969696;display: block;}
.pop-name{font-size: 18px;color: #272727}
.pop-content{padding:25px 0 0 25px}
.pop-content-block{padding-bottom: 15px;}
.sent-btn{border: 1px solid #f37121; border-radius:4px; width: 297px;padding: 13px 0px;text-align: center;display: block;margin-top:10px;color: #272727;font-size:16px}

.sent-btn:hover{color: #272727;text-decoration: none}
#overlay-bg{background: #000;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;opacity: .3;display: none;}
.parent-div{float: left;}

table.dataTable.display tbody tr table tr:hover {background: none; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {background: none; }

.blink {animation-duration: 1s; animation-name: blink; animation-iteration-count: infinite; animation-timing-function: steps(2, start); }
@keyframes blink {80% {visibility: hidden; } }