@font-face {
    font-family: 'BPG WEB 002 Caps';
    src: url('../fonts/bpg-web-002-caps-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-web-002-caps-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-web-002-caps-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-web-002-caps-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-web-002-caps-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-web-002-caps-webfont.svg#bpg_web_002_capsregular') format('svg'); /* Legacy iOS */
}

@font-face{
		font-family:'BPG WEB 002 Caps';
		src:url(../fonts/bpg-web-002-caps-webfont.eot);src:url(../fonts/bpg-web-002-caps-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bpg-web-002-caps-webfont.woff2) format('woff2'),url(../fonts/bpg-web-002-caps-webfont.woff) format('woff'),url(../fonts/bpg-web-002-caps-webfont.ttf) format('truetype'),url(../fonts/bpg-web-002-caps-webfont.svg#bpg_web_002_capsregular) format('svg')}


    ul.nav li a{
      font-family: "BPG WEB 002 Caps", sans-serif;
      text-transform: uppercase;

    }
    div.panel-heading, .form-group label{
      font-family: "BPG WEB 002 Caps", sans-serif;
      text-transform: uppercase;
      color:red;
    }
    span.stathead{
      font-family: "BPG WEB 002 Caps", sans-serif;
      text-transform: uppercase;
    }
    h3,h4{
      font-family: "BPG WEB 002 Caps", sans-serif;
      text-transform: uppercase;
    }
    .clickable{
        cursor: pointer;
    }
    .side_buttons{
      position: fixed;
      z-index: 1000;
      top: 200px;
      right: 0;
      color: red;
      background: white;
      border-top: 1px solid blue;
      border-left: 1px solid blue;
      border-bottom: 1px solid blue;
      padding: 8px;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      -webkit-box-shadow: -1px 0px 7px 2px rgba(50, 50, 50, 0.75);
      -moz-box-shadow:    -1px 0px 7px 2px rgba(50, 50, 50, 0.75);
      box-shadow:         -1px 0px 7px 2px rgba(50, 50, 50, 0.75);
    }
    .side_buttons .sms_button{
      cursor: pointer;
    }
    .side_box{

    }
    .panel-heading span {
    	font-size: 15px;
    }
    .flaw_stats h4{
      color: blue;
    }
    span.cipher{
      color: red;
    }
    tr.on_1{
    }
    tr.on_2{
      background-color: #74777c!important;
    }
    tr.on_3{
      background-color: #74777c!important;
    }
    tr.on_4{
      background-color: #74777c!important;
    }

    tr.status_2 {
      background-color: #a5a4a4!important;
    }
    tr.status_3 {
      background-color: #318f6b!important;
    }
    tr.status_4 {
      background-color: #ff6161!important;
    }
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }
    .autocomplete_div{
      position: absolute;
      z-index: 999;
      background: white;
      border: 1px solid blue;
      padding: 10px;
      overflow-y: scroll;
      height:400px;
    }
    div.autocomplete_div dl{

      padding: 10px;

    }
    div.autocomplete_div dl:hover{

      background-color: #0054a6;
      color: white;
      cursor: pointer;
    }
.flaw-filter .col-md-2{
  padding: 20px;
}
th.antena_log{
  background-color: yellow;
}
tr.yellow th.colorfulbg{
  background-color: yellow;
}
tr.yellow a{
  text-decoration: underline;
}
tr.green th.colorfulbg{
  background-color: green;
  color: black;
}
tr.green a{
  text-decoration: underline;
}
tr.navy th.colorfulbg{
  background-color: #ccc;
}
tr.navy a{
  text-decoration: underline;
}
tr.blue th.colorfulbg{
  background-color: blue;
  color: #a29696;
}
tr.blue a{
  text-decoration: underline;
}
tr.red th.colorfulbg{
  background-color: red;
}
ul.FlawsByCatLabel{
  position: absolute;
  right:0;
  width: 300px;
}
ul.FlawsByCatLabel span{
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 10px;
}
.uppercase{
  font-family: "BPG WEB 002 Caps", sans-serif;
  text-transform: uppercase;

}
.avatar_top{
  border: 1px solid #ccc;
  margin: 2px;
}
div.arrow_down{
  width: 100%;
  height: 20px;
  background: #ccc;
  color: white;
  border-radius: 2px;
  text-align: center;
  cursor:pointer;
}
.loading_icon{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  background: #cccccc;
  opacity: 0.3;
}
.loading_icon .fa{
  font-size: 80px!important;
  color: teal;
  top: 48%;
  left: 48%;
  position: absolute;
}
.services_container{
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
.services_container li{
  flex: 1;
}
#globalIp{
  margin-bottom: 10px;
}
.loaderText{
    width: 500px;
    margin: 0 auto;
    text-align: center;
    height: 200px;
    top: 20%;
    margin-top: 20%;
}
.commentsList{
  padding: 0,
  list-style-type: none
}
.commentItem{
  width: 100%;
  display: inline-block;
}
.idBlock{
  padding: 10px;
  width: 10%;
  float: left
}
.commentBlock{
  padding: 10px;
  width: 40%;
  float: left
}
.createdByBlock{
  padding: 10px;
  width: 30%;
  float: left
}
.createdAtBlock{
  padding: 10px;
  width: 20%;
  float: left
}
.small-cell{
  width: 40px
}
.medium-cell{
  width: 60px
}
.large-cell{
  width: 120px
}
.table-header{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.table-header .table-cell{
  background-color: #f3f3f3
}
.table-row-container {
  display: flex;
  flex-direction: row;
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: nowrap;
}
.table-cell{
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: table-cell;
  word-wrap: break-word;
  min-width: 150px;
  max-width: 150px;
}
.modal-body .row{
  padding: 10px 0px
}
.downRouter{
  background-color: red;
  color: white;
}
.activeRouter{
  background-color: '#eee';
}