div#ftthLogo {
  width: 350px;
  height: 89px;
  margin: auto;
  background-image: url(../img/iway-ftth.png);
  display: none;
}

div.brand-logo {
  background: url(../img/iway-logo-navbar.png) no-repeat scroll center center transparent;
  width: 150px;
  height: 36px;
  margin-top: 8px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  div#rowLogin {
    margin-top: 30px;
  }
  div#tdLoginOto {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) {
  div#rowLogin {
    margin-top: 50px;
  }
  div#tdLoginUser {
    padding-right: 50px;
    padding-top: 70px;
    padding-bottom: 70px;
    /* border: 1px solid black; */
  }
  div#tdLoginUser.plusOto {
    border-right: solid 1px #ccd;
  }
  div#tdLoginOto {
    padding-left: 50px;
    padding-top: 70px;
    padding-bottom: 70px;
    /* border: 1px solid black; */
  }
  .modal-dialog {
    width: 900px;
  }
  div.admin {
    width: 97%;
  }
  div.bs-modal-wide{ width: 75%; }
}

/*@media (min-width: 1400px) {
  .container {
    width: 95%;
  }
}*/

input.naked {
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
  padding-left: 0px;
  margin-left: 0px;
}
input.naked:focus {
  outline: none;
}

.highlight-transition {
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s
}

div.div-border-left { border-left: solid 1px #ccd; }

/* put menu items a little apart from dropdown-headers */
.dropdown-menu > li > a.menuitem-40 { padding-left: 40px; padding-top: 0px; line-height: 1.0; }
.dropdown-menu > li > a.menuitem-20 { padding-left: 20px; padding-top: 0px; line-height: 1.0; }
.dropdown-menu > li.dropdown-header { padding-left: 20px; padding-top: 15px; font-weight: bolder; color: #233 }
.ff { font-family: Courier New; }
.input-group-addon-left { text-align: left; }

li.active { font-weight: 600; }
.nav-l > li > a { padding: 1px 20px; color: black; }

li.hidden { display: none }
tr.hidden { display: none }
h4.netbox-merchant { margin-top: 0px; margin-bottom: 3px; }
h4.netbox-network { margin-top: 0px; margin-bottom: 10px; }

/* div.panel { border: 1px solid yellow; padding-top: 1px; } */
div.panel-heading { padding-top: 3px; padding-bottom: 3px; }

/*
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
*/
.b-infrastructure {
  background-image: -webkit-linear-gradient(top, #bebebe 0%, #a0a0a0 100%);
  background-image: linear-gradient(to bottom, #bebebe 0%, #a0a0a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbebebe', endColorstr='#ffa0a0a0', GradientType=0);
  background-color: #bebebe; 
}
.b-static-active  { 
  background-image: -webkit-linear-gradient(top, #8fb6ff 0%, #3264c0 100%);
  background-image: linear-gradient(to bottom, #8fb6ff 0%, #3264c0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8fb6ff', endColorstr='#ff3264c0', GradientType=0);
  background-color: #4f76ff; 
}
.b-static         { 
  background-image: -webkit-linear-gradient(top, #b0c6f0 0%, #6294c0 100%);
  background-image: linear-gradient(to bottom, #b0c6f0 0%, #6294c0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb0c6f0', endColorstr='#ff6294c0', GradientType=0);
  background-color: #4f76ff; 
}
.b-dyn-used       { 
  background-image: -webkit-linear-gradient(top, #00ff00 0%, #00b000 100%);
  background-image: linear-gradient(to bottom, #00ff00 0%, #00b000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff00', endColorstr='#ff00b000', GradientType=0);
  background-color: #00e000; 
}
.b-dyn-free       {
  background-image: -webkit-linear-gradient(top, #91ff91 0%, #51bf51 100%);
  background-image: linear-gradient(to bottom, #91ff91 0%, #51bf51 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91ff91', endColorstr='#ff51bf51', GradientType=0);
  background-color: #91ff91; 
}
.b-unallocated    { 
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #bebebe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffbebebe', GradientType=0);
  background-color: #ffffff; 
}

table.ip-overview {
  border-collapse: collapse;
}

table.ip-overview > tbody > tr > td {
  padding: 0px;
  line-height: 1.0;
  border: 0.5px solid #bebebe;
  text-align: center;
}

input#rtDestination { width: 80%; display: inline }
input#rtPrefix {width: 15%; display: inline; padding-left: 2px; padding-right: 2px}

label.pool-type {
  color: #a0a0a0;
}
label.pool-quarantine {
  background: #ffeaea;
}
   

.mt-10 { margin-top: 10px; }
.mt-3 { margin-top: 3px; }
td.ip32 { empty-cells: show; height: 25px; }
td.ip64 { empty-cells: show; height: 12px; }
td.pre { white-space: pre; font-family: "Courier New", monospace; }
td.nobr { white-space: pre; }
div.configfile { white-space: pre; font-family: "Courier New", monospace; border: 3px outset; padding: 20px; overflow-x: auto}

div#netBoxFooter { border-top: 1px solid #ccd; margin-top: 20px; }
div.bs-modal-auto{ width: auto; }

.in-narrow { height: 26px; padding-top: 0px; padding-bottom: 0px;}
input.netBox { padding-top: 0px; padding-bottom: 0px; height: 30px; }
.c-pointer { cursor: pointer; }

i.null { color: #bebebe }

html { overflow-y: scroll;}
a.search { color: #000; text-decoration: none; }
hr.optHr{background-color:#ccd; height:1px; width: 100%;}
td.r1 { width: 150px }
td.narrow,th.narrow {line-height: 1; padding-top: 1px !important; padding-bottom: 1px !important; }
td,th,button.narrow-3 {line-height: 1; padding-top: 3px !important; padding-bottom: 3px !important;}
.narrow-1 {line-height: 1; padding: 1px !important}

.vmid { vertical-align: middle !important; }
.vtop { vertical-align: top !important; }
.hmid { text-align: center; }
.hright { text-align: right; }

div.active, tr.active, table.active, input.active { display: block; }
div.inactive, tr.inactive, table.inactive, input.inactive { display: none; }

.no-margin{margin: 0px !important}
.no-padding{padding: 0px !important}
.no-padding-x{padding-left: 0px !important; padding-right: 0px !important;}
.no-padding-y{padding-top: 0px !important; padding-bottom: 0px !important;}
.has-settings{font-weight:bolder !important}
.opt-inactive{color:#ccc}
.fw{width:100%}
.popover{max-width: 100%;}
.progress-bar{text-align: left; color: #000;padding-left: 5px;vertical-align: middle;}
.progress{margin-bottom: 0px}
address {margin-bottom: 0px}
.info_box{margin-top:20px;padding-bottom:10px;}
.info_box:first-of-type{margin-top:10px;}
.info_box .title{position:relative;top:-20px;margin-left:0em;padding:2px 7px;display:inline;font-size:1.2em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #dddddd;background-color:#fafafa;background-color:#f9f9f9;background-image:-moz-linear-gradient(top, #ffffff, #f0f0f0);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f0f0f0));background-image:-webkit-linear-gradient(top, #ffffff, #f0f0f0);background-image:-o-linear-gradient(top, #ffffff, #f0f0f0);background-image:linear-gradient(to bottom, #ffffff, #f0f0f0);background-image:-webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f0f0f0));background-image:-webkit-linear-gradient(top, #ffffff, 0%, #f0f0f0, 100%);background-image:-moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);background-image:linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff0f0f0', GradientType=0);}
.info_box .title-right{float:right;margin-bottom:-14px;margin-top:-2px;}
.info_box .title a{color:#555555;text-decoration:none;}
.info_box .content{margin-top:-10px;}
.well .table{margin-bottom:0px;}
.well{min-height:20px;padding:10px;margin-bottom:10px;background-color:#f5f5f5;border:1px solid #dddddd;border-radius:4px;}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
.well-lg{padding:24px;border-radius:6px;}
.well-sm{padding:9px;border-radius:3px;}
.well-shaded{background-color:#fcfcfc;background-image:-moz-linear-gradient(top, #ffffff, #f8f8f8);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8));background-image:-webkit-linear-gradient(top, #ffffff, #f8f8f8);background-image:-o-linear-gradient(top, #ffffff, #f8f8f8);background-image:linear-gradient(to bottom, #ffffff, #f8f8f8);background-image:-webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));background-image:-webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);background-image:-moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);background-image:linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);}
.box-content {max-width:100%;background-color:#ffffff;border-collapse:collapse;border-spacing:0;/*color:#777;*/}
.navbar .divider-vertical{height:49px;margin:0 9px;border-left:1px solid #f8f8f8;border-right:1px solid #e5e5e5;}