/*******************
  PRM Control Icon
********************/
.control-item svg.glb-icon-96 line {
  stroke: rgba(255,255,255,0.7) !important;
}
.control-item:hover svg.glb-icon-96 line {
  stroke: rgba(255,255,255,1) !important;
}
.control-item svg.glb-icon-96 circle {
  stroke: rgba(255,255,255,0.7) !important;
}
.control-item:hover svg.glb-icon-96 circle {
  stroke: rgba(255,255,255,1) !important;
}

/************
  Action buttons
*************/
.table.prm-info button.glb-dropdown-btn,
.table.prm-object-info-elements button.glb-dropdown-btn {
  height: 18px;
}

/*****************
  PRM Info Panel
******************/

#prm-info-title {
  display: inline;
}

.prm-info-buttons button.prm-info-btn-checked {
  background: #e6e6e6;
}

.prm-info-cables-error,
.prm-info-fibers-error {
  display: inline-block;
  margin: 0px 0px 0px 6px;
  color: red;
}

.prm-info-cable {
  cursor: pointer;
}

.prm-info {
  display: block;
  position: relative;
  margin: 0px 4px 10px 4px;
}

.prm-info-cables-empty,
.prm-info-fibers-empty {
  display: inline-block;
  margin: 0px 0px 0px 6px;
  color: #999;
}

.prm-info-fibers-busy {
  display: inline-block;
  margin: 15px 10px 20px 20px;
}

.prm-info-cable .cable-counters {
  font-size: 13px;
}
.prm-info-cable .cable-counters .free-fibers {
  color: #009300;
}
.prm-info-cable .cable-counters .occupied-fibers {
  color: #0909ff;
}

.table.prm-info td {
  padding: 1px;
  border-top: 1px solid #ddd;
}

.prm-info-cable svg.expander-img,
.table.prm-info svg.expander-img {
  vertical-align: middle;
  stroke: #313337;
  fill: none;
}

.table.prm-info td.occupy-free {
  vertical-align: middle;
  padding-right: 2px;
}

.table.prm-info svg.occupy-free {
  vertical-align: middle;
  stroke: #ccc;
  stroke-width: 1px;
  fill: none;
}
.table.prm-info svg.occupied circle {
  fill: #ccc;
}
.table.prm-info svg.occupy-free path {
  fill: #ccc;
}

.table.prm-info-issues span.join:hover {
  text-decoration: underline;
}

.table.prm-info tr.hidden-data,
.table.prm-info tr.hidden-lambda {
  display: none !important;
}

.table.prm-info-fibers tr.bundle,
.table.prm-info tr.fiber,
.table.prm-info-fibers tr.lambda,
.table.prm-info-fibers tr.issue {
  cursor: pointer;
}

.table.prm-info-fibers tr.fiber-issue,
.table.prm-info-fibers tr.lambda-issue,
.table.prm-info tr.fiber-occupied,
.table.prm-info-fibers tr.lambda-occupied {
  cursor: pointer;
}

.table.prm-info tr.fiber-selected {
  background-color: #e0e0e0;
}

.table.prm-info td.issue-desc {
  width: 100%;
}

.table.prm-info td.issue-desc span.lambda-desc {
  font-weight: bold;
  color: green;
}
.table.prm-info td.issue-desc-occupied span.lambda-desc {
  color: blue;
}
.table.prm-info td.issue-desc span.desc-reservation {
  font-weight: bold;
  color: #d41010c2;
}

.table.prm-info td.bundle-group-desc,
.table.prm-info td.fiber-desc {
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
  width: 2px;
  /*color: #ff8f00;*/
}
.table.prm-info td.fiber-desc-occupied {
  color: #0909ff;
}
.table.prm-info td.fiber-desc-free {
  color: #009300;
}
.table.prm-info td.fiber-desc-occupied-free {
  color: #ff8509;
}
#prm-info-mode {
    padding-top: 0.5em;
	margin-bottom: -15px;
}
#prm-info-mode input {
    vertical-align: middle;
    margin-top: -1px;
}
#prm-info-mode label {
    margin-right: 1em;
}
.prm-info-buttons.with-mode
{
	margin-top: 25px;
	margin-bottom: -10px !important;
}
#prm-info-data-ports td {
	vertical-align: middle;
}
#prm-info-data-ports td svg {
	vertical-align: middle;
	stroke: #313337;
	cursor:pointer;
}
#prm-info-data-ports td.rme { font-weight: bold; color: #009300;}
#prm-info-data-ports td.rme.occupied { color: #0909ff; }
#prm-info-data-ports td.rme.occupied.free { color: #ff8509; }
#prm-info-data-ports td.rme span.desc-reservation {
  font-weight: bold;
  color: #d41010c2;
}

#prm-info-data-ports .lambda { color: #0909ff; font-weight: bold; margin-right: 3px; }

#prm-info-data-ports .port-counters { font-size: 13px; font-weight: normal; color: black }
#prm-info-data-ports .port-counters .free-ports { color: #009300; }
#prm-info-data-ports .port-counters .occupied-ports { color: #0909ff; }


#prm-info-data-ports td:first-child { white-space:nowrap; }
#prm-info-data-ports svg.i1 { margin-left: 1em; }
#prm-info-data-ports svg.i2 { margin-left: 2em; }
#prm-info-data-ports svg.i3 { margin-left: 3em; }
#prm-info-data-ports svg.i4 { margin-left: 4em; }
#prm-info-data-ports svg.i5 { margin-left: 5em; }
#prm-info-data-ports svg.i6 { margin-left: 6em; }
#prm-info-data-ports svg.i7 { margin-left: 7em; }
#prm-info-data-ports svg.i8 { margin-left: 8em; }
#prm-info-data-ports svg.i9 { margin-left: 9em; }
#prm-info-data-ports svg.i10 { margin-left: 10em; }
#prm-info-data-ports td.wide { width: 100%; }

/***************************
  PRM Object Info Elements
****************************/
#object_info-details-box .glb-prm-issue-join {
  display: inline-block;
  color: #2b2b2b;
  border: none;
  border-radius: 3px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2), 1px 1px 2px 0px rgba(0,0,0,0.3);
  cursor: pointer;
  vertical-align: middle;
  padding: 0px 6px 0px 6px;
  margin: 3px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
#object_info-details-box .glb-prm-issue-join:hover {
  background-color: #e6e6e6;
  text-decoration: inherit;
}

#prm-elements .prm-elements-object-desc {
  font-weight: bold;
  font-style: italic;
}

#prm-elements div.module-body {
  position: relative;
}

.table.prm-object-info-elements tr.prm-element {
  cursor: pointer;
}
.table.prm-object-info-elements tr.prm-element-selected {
  background-color: #e0e0e0;
}
.table.prm-object-info-elements td {
  padding: 1px;
  border-top: 1px solid #ddd;
}
.table.prm-object-info-elements td.img {
  width: 20px;
}
.table.prm-object-info-elements span.styled-string span.img img {
  width: 16px;
  height: 16px;
}
.table.prm-object-summary {
  width: auto;
}
.table.prm-object-summary td {
  padding: 1px 5px 1px 1px;
  border-top: none;
}
@-moz-document url-prefix() {
  .table.prm-object-info-elements td.desc span.img img {
    vertical-align: baseline;
  }
}