body {
    padding-top: 60px;
}

#requestTable, pre#log {
    display: none;
}

.form-horizontal .help-block {
	display: inline-block;
	margin: 0;
}

.form-horizontal input + .help-block {
    margin-top: 5px;
}

.help-block {
    display: inline-block;
}

.form-inline {
    margin: 0 0;
    padding: 0 0;
}

.form-inline div {
    display: inline;
}

.form-horizontal .form-actions {
	padding-left: 240px;
}

.form-horizontal .controls {
	margin-left: 240px;
}

form.grid {
    margin: 0 0 10px;
}

div.actions {
    margin: 5px 0px 15px 0px;
}

h1 {
    font-size: 1.9em;
    margin: 2px 0px 5px 0px;
}

h4.reset {
    margin: 0px 0px;
}

h5.reset {
    margin-bottom: 0px;
}

table.data {
    margin-top: 5px;
}

.navbar .nav {
	width: 100%;
}

.navbar .nav > .pull-right {
	float: right;
}

.nav .dropdown-toggle .caret {
	color: #777777;
}

.nav .dropdown-toggle .caret {
	border-top-color: #777777;
    border-bottom-color: #777777;
	color: #777777;
}

.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
    border-top-color: #333333;
    border-bottom-color: #333333;
	color: #333333;
}

.input-append {
	margin-bottom: 0;
}

.loading {
    display: inline-block;
    background-image: url(../img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    width: 32px;
    height: 32px;    
}

.loader-mini {
    display: inline-block;
    background-image: url(../img/ajax-loader-mini.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    width: 16px;
    height: 16px;    
}

.loading-horizontal {
    background-image: url(../img/ajax-loader-horizontal.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    width: 128px;
    height: 15px;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .8;
    z-index: 255;
}

/* Ports-related stuff */
div#ports a {
    text-decoration: none;
}

div#ports div.port {
    font-family: Lucidatypewriter, monospace;
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 10px;
    margin: 3px 1px;
    text-align: left;
}

div#ports div.port span.num {
    font-weight: bold;
    font-size: 1.5em;
}

div#ports div.port span.type {
    font-size: 0.8em;
}

/* Additional helpers */
.table th, .table td {
    padding: 4px;
}

span.up {
    color: #00A000;
    font-weight: bold;
}

span.down {
    color: #A00000;
    font-weight: bold;
}

table.details thead tr th {
    text-align: center;
}

table.details input {
    margin: 0px;
}

th.centered, td.centered {
    text-align: center;
    vertical-align: middle;
}

td.icon {
    width: 32px;
}

table#portinfo th.right {
    width: 125px;
}

table#deviceinfo th.right {
    width: 175px;
}

table#device_loopdetect th.right {
    width: 175px;
}

th.right, td.right {
    text-align: right;
}

tbody.hidden {
    display: none;
}

th.hidden, td.hidden {
    display: none;
}

.form-inline fieldset {
	margin-bottom: 1em;
}

.btn-filters {
	margin-bottom: 1em;
}

.filters label {
	margin: 0;
}

table#port_loopdetect th.right {
    width: 125px;
}


/* JEditable */
form.editable-base input, select {
    /* width: 150px; */
    display: block;
}

form.editable-base button {
    margin-right: 2px;
}

td.ports {
    width: 50%;
    text-align: center;
}

/* Mini ports-related stuff */
div#ports-mini a {
    text-decoration: none;
}

div#ports-mini div.port {
    font-family: Lucidatypewriter, monospace;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 5px;
    margin: 3px 1px;
    text-align: center;
    border-color: #CCC;
    border-radius: 4px;
}

div#ports-mini div.port span.num {
    font-weight: bold;
    font-size: 1.2em;
}

div#ports-mini div.port.access {
    border-width: 2px;
    border-style: solid;
}

div#ports-mini div.port.trunk {
    border-style: double;
    border-color: #000;
}

.alert-disabled {
    color: #FFF;
    background-color: #A9A9A9;
    border-color: #eed3d7;
}

.alert-inverse {
    color: #FFF;
    background-color: #000;
}

div#ports-mini div.port.trunk.alert-inverse {
    border-style: double;
    border-color: #CCC;
}

#topology div.item {
    margin: 5px 0px;
    clear: both;
}

#topology img.tree {
    float: left;
    padding-top: 5px;
}

#topology li.current {
    /*background: url(/img/node1.png) no-repeat;*/
    padding-bottom: 2px;
}

#topology li.current > .highlight {
    background: #ffff99
}

#topology .tree > li.current:first-child {
    background-image: none;
}

#topology div.clients_on_port {
    padding: 0px 5px;
}

#topology li.multi {
    border: 2px solid #EEE;
    border-left: none;
    border-left: 1px solid #888888;
    background: url(/img/node1.png) no-repeat  0 0 #FFFFFF;
}

#topology div.client {
   /* margin: 5px 0px;*/
}

div.accessPorts {
    width: 500px;
}

div.accessPorts div {
    padding-right: 5px;
    margin: 5px 0px;
}

span.clients_count {
    /*display: none;*/
}

br.clear {
    clear: both;
}

div#autoUpdateControl {
    float: right;
    padding-bottom: 10px;
}

div#filterControl {
    float: left;
    padding-bottom: 10px;
}

div.client_main {
    width: 200px;
    float: left;
}

div.client_info {
    float: right;
    text-align: right;
}

div.client_info div.client_status {
    float: left;
    width: 75px;
    text-align: left;
}

div.client_info div.client_ip {
    float: right;
    width: 100px;
    text-align: right;
}

div.timestamps {
    margin-top: 10px;
    display: none;
}

div.device_ip {
    width: 160px;
    float: right;
    text-align: right;
}

div#topology div.client:hover, div#topology div.item:hover {
    background-color: #EEE;
}

tr.err_gray td, tr.err_gray th {
    background-color: #EEEEEE;
}

div.hidden {
    display: none;
}

/* Highlights */
div.clients_current div.client { background-color: #eee; }
tr.yellow td { background-color: #ffff99; }
.badge_yellow { background-color: #ffff99 !important; color: #000 !important; }
div.clients div.current { background-color: #ffff99; }
td.errors_red { background-color: #b94a48 !important; }
td.errors_red span { color: #fff; font-weight: bold; }

/* Link types */
#ports .yellow, #ports-mini .yellow { background-color: #ffff99 !important; }
#ports .green, #ports-mini .green { background-color: #009900 !important; color: #FFF; }
#ports .aqua, #ports-mini .aqua { background-color: #4acfee; }

.tooltip-inner {font-weight: normal !important;}

/* Font awesome fixes */
[class^="icon-"], [class*=" icon-"] {
    display: inline;
    color: #000000;
	line-height: 20px;
}

[class^="icon-"]:hover, [class*=" icon-"]:hover {
    text-decoration: none;
}

.icon-white {
	color: #FFFFFF;
}

.priority1 {
    background: #DFF0D8;    
}

.priority2 {
    background: #D9EDF7;    
}

.priority3 {
    background: #FCF8E3;    
}

.priority4 {
    background: #F2DEDE;    
}

.table-hover tbody tr:hover > .priority1 {
  background-color: #D0E9C6;
}

.table-hover tbody tr:hover > .priority2 {
  background-color: #C4E3F3;
}

.table-hover tbody tr:hover > .priority3 {
  background-color: #FAF2CC;
}

.table-hover tbody tr:hover > .priority4 {
  background-color: #EBCCCC;
}

.modal-body form,
.modal-body .form-actions {
	margin: 0;
}

.modal-body label {
	margin-left: 0;
}

.draggable {
	cursor: move;
}

.droppable-hover th {
	background-color: #D0E9C6;
}

.droppable-hover td {
	background-color: #F5F5F5;
}

.ui-draggable-dragging {
    background: #FFFFFF !important;
    border: 1px solid #DDDDDD;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

.ui-draggable-dragging td {
    background: #FFFFFF !important;
}

.ui-draggable-dragging .operation {
	display: none;
}

.tooltip-inner {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

ul.tree, ul.tree ul {
   list-style-type: none;
   /*background: url(/img/vline.png) repeat-y;*/
   margin: 0;
   padding: 0;
}
   
ul.tree ul.tree {
   margin-left: 16px;
   /*display: none;*/
   border-left:none;
}

ul.tree li.node > ul.vline {
    margin-left: 16px;
}

ul.tree li {
   margin: 0;
   padding: 0 12px;
   padding-right: 0;
   line-height: 19px;
   /*background: url(/img/node.png) no-repeat;*/
   color: #369;
   font-weight: bold;
   position: relative;
}

ul.tree li.node {
   background: #fff url(/img/node1.png) no-repeat;
   border-left: 1px solid #888888;
}
#topology ul.tree li.last {
    background: url("/img/lastnode.png") no-repeat scroll 0 0 #FFFFFF;
    border-left: medium none;
    margin: 1px 0;
}
ul.tree ul.vline {
    background: url(/img/vline.png) repeat-y;
    margin-left: 16px;
}
i.expand{
    left: -18px;
    top: 3px;
    position: absolute;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background:  url(/img/plus_minus.png) no-repeat;
    background-position: 0 -12px;
}
i.expand.active{
    background-position: 0 0 ;
}
#topology .clients li.last {
    background: url("/img/lastnode.png") no-repeat scroll 0 0 #FFFFFF;
    border-left: medium none;
}
ul.tree .clients .node {
    background: url("/img/node.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: medium none;
}

#topology > ul.tree {
    padding-right: 12px;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}
.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
}

.custom-combobox .custom-combobox-input {
    color: #333;
    font-weight: normal;
    font-size: 1em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 4px 6px;
}

.custom-combobox .custom-combobox-toggle {
    height: 1.8em;
    width: 1.8em;
}


.ui-autocomplete {
	z-index:2000!important;
}

li.failure .device_ip span {
	background-color:red;
}